How FlexBox and CSS Grid replaces CSS Floats? with Example
4.6 (27 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,870 students enrolled

How FlexBox and CSS Grid replaces CSS Floats? with Example

CSS Floats are dead! It's time you check this video and learn about FlexBox (the present) and CSS Grid (the future).
4.6 (27 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,870 students enrolled
Created by Abhilash PIllai
Last updated 3/2018
English
English
Current price: $11.99 Original price: $19.99 Discount: 40% off
1 day left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1 hour on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Will be able to create layouts using CSS Floats, CSS FlexBox and CSS Grid
  • Will make you a powerful web designer/developer like a Front-End Developer on Steroids ;)
Requirements
  • A Good Web Browser like Google Chrome, Mozilla Firefox or Safari ( No IE please )
  • A Good Editor like Sublime Text, Atom, Notepad++ or Brackets ( No Notepad please)
Description

You can't be a professional web designer/developer without the power of FlexBox and CSS Grid with you. If you already know the basics of HTML and CSS, this course is for you to give insights on how FlexBox and CSS Grid works in CSS. Both, FlexBox and CSS Grid is used to create layouts and arranging blocks/divisions properly. So if you hate floats, you will love this course for sure. 

With the power of FlexBox and CSS Grid under your belt, you will be a UI/UX designer on steroids to design any kind of layout. Further, FlexBox also has support in React Native, if you are Mobile app developer.

Covers:

  1. Creating layout using Float
  2. Creating layout using FlexBox
  3. Creating layout using CSS Grid
Who this course is for:
  • Beginners with Basic Understanding of HTML and CSS
  • Especially those who struggle with CSS Floats or are looking for a easy way to arrange divisions
  • Curious students who want to learn about FlexBox or/and CSS Grid