Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
CSS Flexbox Quick Introduction to the use of Flexbox
Rating: 4.5 out of 5(11 ratings)
845 students

CSS Flexbox Quick Introduction to the use of Flexbox

How to use CSS Flexbox effectively
Created byPaolo Capra
Last updated 3/2024
English

What you'll learn

  • How to use Flexbox
  • Learning CSS Skills
  • Moving on into a Front-end career
  • Optimize your design skills

Course content

1 section • 9 lectures • 1h 12m total length

  • Introduction2:41

    My  personal introduction . I present myself so that we can know each other.

  • Editor setup and general resources7:02

    In this lecture i discussed which is the editor that i personally use , up to the student which code editor he prefers , there is no real difference .

  • Flexbox display first flex items.10:17

    Here we are really moving into the flexbox topic with six boxes and we display  them according to the flexbox rules.

  • Flexbox sizing.10:51

    This video is maybe the most important among everyothers . It covers the hearth of flexbox : flex-grow flex-shrink and flex-basis.

  • Exercise how to use flexsizing.5:11

    Here are two exercise that can test a little bit your comprehension and really put learning into practise.

  • Content-align using flexbox.4:27

    In this video we cover two properties . One very important which is align-self . Second which can be aside other properties which is order.

  • Justify-content property4:11

    In this video we cover an essential feature of flexbox: justify-content.

  • Align-items property.14:04

    Another essential feature that used together with justify-content really can solve a lot of problems. Align-items.

  • Final exercise.13:49

    Final video , we implement a navbar using flexbox , we even mention some styling that are beyond the scope of this lecture but sometime talking of one thing without any sort of rel use case background make people lose the contact with what really a feature is created and used for.

Requirements

  • HTML and some programming experience

Description

Unlock the power of CSS Flexbox and revolutionize your web development journey with our comprehensive course! Are you ready? Gone are the days of struggling with cumbersome absolute positioning and messy code. CSS Flexbox has emerged as the go-to solution for easily creating dynamic and responsive layouts.


In this course, you'll dive deep into the features of CSS Flexbox, learning how to leverage its capabilities to streamline your development process and produce high-quality code. Say goodbye to hours wasted on manual positioning and hello to efficient, intuitive layout techniques. You could be able to learn the development process in a few time.


With CSS Flexbox at your fingertips, you'll be able to tackle complex layout challenges confidently. From aligning items within containers to controlling their distribution and order, you'll master every aspect of Flexbox to create stunning, pixel-perfect designs.


Whether you're a seasoned developer looking to enhance your skills or a newcomer eager to learn the latest in web development, this course is for you. It will be easy !  Join us for a quick but complete overview of CSS Flexbox and take your projects to new heights of success. Sign up now and unlock the secrets of modern web layout techniques!

Who this course is for:

  • Web Developers
  • Web Designers
  • Anyone who is building a website
  • Webmasters and web coders creating web content

Report abuse