When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.
Hands-on Responsive Web Design 3: Columns, Flexbox, and Grids
This course will teach you how to implement multiple column layouts using standard divisions, Flexbox, and CSS Grids. You'll also examine CSS shapes for interesting text wrapping.
This Course Includes
pluralsight
4 (43 reviews )
1 hour 59 minutes 
english
Online - Self Paced
Expanded Courses
pluralsight
About Hands-on Responsive Web Design 3: Columns, Flexbox, and Grids
At the heart of developing any responsive website is a thorough knowledge of how to use HTML5, CSS3, and SASS. In this course, Hands-on Responsive Web Design 3: Columns, Flexbox, and Grids, you'll learn the skills you need to layout a page using standard divisions and CSS, as well as newer technologies like Flexbox and CSS Grids. First, you'll discover how to automate this process by leveraging the power of SASS operators. Next, you'll explore how to use CSS shapes to create text wrapping. Finally, you'll delve into using CSS Grids for the overall page layout. By the end of this course, you'll have a mobile music player app project that adapts to vertical or horizontal orientation of mobile screens.
What You Will Learn?
- Course Overview : 1min.
- Introduction : 2mins.
- Twelve Column Grid : 28mins.
- CSS Shapes : 17mins.
- Flexbox : 16mins.
- CSS Grid : 23mins.
- Music Player Project : 27mins.