CSS Modern Responsive Web Design - Create Five Different Websites

Today, websites come with a variety of designs that are completely different from each other. As a web designer, the more exposure you have to different designs, the better. In this course, you will learn to create five different modern websites from scratch using floats, CSS Grid, and Flexbox.

To understand the process behind creating reusable grids using floats and CSS, you will create a single-page responsive website. Next, you will create a single-page Flexbox website with auto-scroll JavaScript. You will then get to work with a responsive collapsible navigation bar by creating a CSS Grid website. Moving along, you will create a fully responsive website using the features of responsive float. Finally, you will create your fifth website—a CSS Flexbox website—to understand the implementation of navigation sub-menu items.

By the end of this course, you will have gained the practical skills to develop real-world responsive websites using the features of CSS.

All the resources for this course are available at: https://github.com/PacktPublishing/CSS-Modern-Responsive-Web-Design-Cre…

Type
video
Category
Web Development
publication date
2020-12-22
what you will learn

Create a custom grid to add columns and structure content
Add JavaScript auto-scroller to your websites
Find out how to make images responsive
Become familiar with modern navigation bar designs
Use CSS Flexbox to create responsive websites
Use JavaScript to create dynamic interactions

duration
523
key features
Become familiar with CSS Grid, CSS float, and Flexbox * Understand how to create modern and responsive mobile-ready navigation bars * Get ready to create five amazing responsive websites from scratch
approach
This course focuses on developing responsive web applications with the help of practical activities rather than just depending on theory. You will create five interesting websites to learn everything about CSS Grids, Flexbox, JavaScript auto-scroll, and a lot more.
audience
This course is for you if you want to become a web designer, web developer, or coder, or if you want to learn how to use CSS Grid, CSS float, and Flexbox to design and construct mobile-friendly websites. To get started with this course, you will need a basic understanding of HTML, CSS, JavaScript, and programming.
meta description
In just seven hours, create five amazing responsive websites to understand Cascading Style Sheets (CSS) Grid, Flexbox, float, and a lot more
short description
This course will help you learn about the process of building mobile-friendly and responsive websites using CSS. You will learn about CSS Grid, CSS float, Flexbox, and mobile navigation bars by creating five websites from scratch.
subtitle
Learn how to bring your HTML to life by applying CSS to your web code
keywords
CSS, Grid, Flexbox, Float, Responsive Websites, Web Application, JavaScript, Pseudo-elements CSS
Product ISBN
9781801074940