The Sidebar

A sidebar is two columns next to each other that are responsive without media breakpoints.

Sidebar Astro Component

This Sidebar is a text input and a button as an Astro component that takes props.

Plain HTML Sidebar

This Sidebar is written with plain HTML and CSS.

Navigation

General

Home

Layouts

These pages are based on the Every Layout course.

The Layouts

The Stack
The Box
The Center
The Cluster - TODO
The Sidebar - TODO
The Switcher - TODO
The Cover - TODO
The Grid - TODO
The Frame - TODO
The Reel - TODO
The Imposter - TODO
The Icon - TODO
The Container - TODO

Conquering Responsive Layouts

These exercises are based on Conquering Responsive Layouts.

Advanced CSS Course

This section is for exercises and notes on a Udemy course called Advanced CSS & SASS.

Master Advanced CSS and JS Animations with 150 Projects

This section of notes is for the Udemy course, Master Advanced CSS & JavaScript Animations, Transitions and Transforms And Practice with 150 Creative Projects!

Become Legendary in CSS

This section of notes is for the Udemy course, Become Legendary in CSS Flexbox, CSS Grid, Sass and Advanced CSS Animations by Building Awesome Real-world WEBSITES.

Miscellaneous