1. All topics
  2. Creative
  3. Web Design
  4. Responsive Web Design
CSS Layouts: From Float to Flexbox and Grid Preview

CSS Layouts: From Float to Flexbox and Grid

With Christina Truong Liked by 1,334 users
Duration: 1h 46m Skill level: Intermediate Released: 9/10/2019

Start my 1-month free trial Buy for my team

Course details

For decades, CSS developers fiddled with floats to create flexible layouts that worked across browsers. But their brilliant hack had a lot of downsides. The latest generation of CSS specs offers a better and vastly more intuitive set of tools, but moving from floats to Grid, Flexbox, or both means adjusting how you think. In this course, Christina Truong guides you though this process, from initial concepts to complete conversion, highlighting the different ways to create page layouts with modern CSS. Explore how to work with the display and float properties; use relative, absolute, and fixed positioning for laying out components; create basic Grid and Flexbox layouts; and more.

Skills you’ll gain

Earn a sharable certificate

Share what you’ve learned, and be a standout professional in your desired industry with a certificate showcasing your knowledge gained from the course.

Sample certificate

Certificate of Completion

  • Showcase on your LinkedIn profile under “Licenses and Certificate” section

  • Download or print out as PDF to share with others

  • Share as image online to demonstrate your skill

Meet the instructor

Learner reviews

4.8 out of 5

360 ratings
  • 5 star
    Current value: 290 81%
  • 4 star
    Current value: 56 16%
  • 3 star
    Current value: 12 3%
  • 2 star
    Current value: 1 <1%
  • 1 star
    Current value: 1 <1%
  • Namnika Janbandhu Namnika Janbandhu

    Namnika Janbandhu

    Graduate Apprentice @OFAJ || MCA Final Year Student (F.S.D Branch) || Entry Level Front-End Software Developer || Proficient in HTML, CSS…

    5/5 March 9, 2024
    Earlier, I had too much confusion with grid and flex layouts but NOW it's much easier to understand with this course!
    Helpful · Report
  • Mohsin Mirza Mohsin Mirza

    Mohsin Mirza

    --

    5/5 September 29, 2023
    many thanks its being my second course with you and i learn alot many thanks.
    Helpful · Report
  • agusin fernandez agusin fernandez

    agusin fernandez

    a at a

    5/5 August 5, 2023
    very good
    Helpful · Report

Contents

What’s included

  • Practice while you learn 1 exercise file
  • Learn on the go Access on tablet and phone

Download courses

Use your iOS or Android LinkedIn Learning app, and watch courses on your mobile device without an internet connection.

Download on the App Store Get it on Google Play