Learn EDR Internals: Research & Development From The Masters
Free courses from frontend to fullstack and AI
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