CSS: Variables and Fluid Layouts Preview

CSS: Variables and Fluid Layouts

With Jen Kramer Liked by 160 users
Duration: 2h 2m Skill level: Advanced Released: 10/10/2019

Start my 1-month free trial

Course details

When responsive web design was first introduced, it was at once magical and inefficient. Designers had to work with floats to lay out their grid-based systems, as well as hack media queries. Recent advances in CSS simplify this process, letting your design adapt to circumstances more fluidly. But leveraging these new features requires abandoning current practices and shifting to a model where you trade precise control for consistency and ease of implementation. This course can help you make that shift. Jen Kramer lays out how to do math directly in CSS via the calc() function and leverage custom properties, or variables, to streamline your CSS. Along the way, Jen shares examples of how to use these properties, including how to add custom properties to type scale and work with Flexbox and Grid.

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.6 out of 5

38 ratings
  • 5 star
    Current value: 30 78%
  • 4 star
    Current value: 5 13%
  • 3 star
    Current value: 1 2%
  • 2 star
    Current value: 0 0%
  • 1 star
    Current value: 2 5%

Contents

What’s included

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

Similar courses

Download courses

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