Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

CSS Styling Techniques - Navigation Bars and Flexbox Fundamentals

Academind via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn advanced CSS techniques to enhance website aesthetics through this comprehensive tutorial series covering sticky navigation bars and Flexbox layouts. Master the creation of sticky navigation elements by understanding positioning properties and implementation strategies across different scenarios. Explore Flexbox fundamentals starting with flex container properties including display, flex-direction, justify-content, and align-items, then progress to flex children properties such as flex-grow, flex-shrink, and flex-basis. Apply these concepts practically by building responsive grid systems using CSS Flexbox, learning how to create flexible layouts that adapt to different screen sizes and content requirements. Develop skills in modern CSS layout techniques that will enable you to create visually appealing and functionally robust websites with professional-grade styling and responsive design patterns.

Syllabus

Stylin' Around - Creating a sticky Navigation Bar - Part 1
Stylin' Around - Creating a sticky Navigation Bar - Part 2
Stylin' Around - Flexbox Introduction - Part 1: The Flex Container
Stylin' Around - Flexbox Introduction - Part 2: The Flex Children
Stylin' Around - Building a real Grid with CSS Flexbox - #1
Stylin' Around - Building a real Grid with CSS Flexbox - #2

Taught by

Academind

Reviews

Start your review of CSS Styling Techniques - Navigation Bars and Flexbox Fundamentals

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.