Course image for Learn CSS3 Flexbox Layout System

Learn CSS3 Flexbox Layout System

Learn the flexbox layout system in CSS3 which helps to create complex layouts smoothly

1 hour+ of practice
5.0
11 ratings
594 developers coding
Creator: Mehul Mohan
Start

Note: This classroom is a part of pro membership. Free preview is available.

Goals

  • Basics of CSS3 flexbox
  • How flexbox can be used to create simple layouts
  • Common properties of flexbox
  • Common use-cases of flexbox

Description

A website's User Interface ("UI") has two components. First, there are the visual elements, such as colors, fonts, and images. Second, there is the placement or positioning of those elements. In Responsive Web Design, a UI layout must accommodate many different browsers and devices accessing the content.

CSS3 introduced Flexible Boxes, or flexbox, to create page layouts for a dynamic UI. It is a layout mode that arranges elements in a predictable way for different screen sizes and browsers. While somewhat new, all popular modern browsers support flexbox. This section covers how to use flexbox and the different layout options it offers.

Classroom Structure

See all you have to do in this module:

codedamn logo

We ♥ quality. And we would love to see your growth. Hence, codedamn comes with a 1337 plan for advanced and accelerated learning!

Free Plan

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Learning Path support
  • Unlimited hands-on practice

Plan 1337

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Learning Path support
  • Unlimited hands-on practice
Become Pro Member