Professional CSS (Flexbox & Grid & Animations & More)

Master CSS in 2024 by building 2 beautiful projects with Flexbox, Grid, Animations & Transitions, and much more!

Created by: ByteGrad by Wesley
Web Developer & Instructor

What Will I Learn?

• How to code CSS in 2024 by building realistic projects from scratch and seeing how it all fits together
• Avoid hundreds of beginner mistakes so the people who have to interact with your code have it easy
• Implement simple-to-complex layouts with Flexbox & CSS Grid
• Crucial best practices in 2024 that every CSS-coder should know (e.g. use rem instead of px)
• Implement awesome CSS animations + transitions
• Implement Responsive Web Design (RWD) for mobile, tablet, laptop & desktop with media queries (@media)
• Use the most popular CSS pre-processor (Sass/SCSS) and the value it adds
• Why people use BEM and differences with coding CSS in React/Vue/Angular
• Implement a simple build process for CSS (add vendor prefixes and minify CSS file)
• Stop struggling with CSS -- it becomes fun once you have mastered things like Flexbox (trust me)
• Master all critical concepts for a front-end developer
• Tons of easy design tricks you can use to drastically improve the look of your projects
• BONUS: By going through the course you'll naturally improve design and HTML too

Requirements

• None required, it's beginner friendly

Target audience

• Front-end developers who want to finally master CSS
• Developers who want to learn critical concepts like Flexbox, CSS Grid, Animations & Transitions, and more
• Developers who want to know how to build modern websites & web apps with modern CSS
• Anyone interacting with CSS -- creating/updating their own website, designers who have to touch CSS, etc.