I'm taking a course on Udemy, Advanced CSS and Sass with Jonas Schmedtmann. I've been coding along while watching his videos. He shows us how to make Natours. I'm making a similar version to practice and better understand CSS and Sass.
I follow BEM naming convention and the 7-1 architect/pattern.
I'm not finished with the course so there will be more updates!
-I've added media queries
-Included resolution switching for responsive images
Custom navigation button and menu effects/animation.
Custom button and hover effects on images.
Custom card effects and pure css popup.
Custom hover effect on the images and a video background.
Custom radio buttons and submit button.
Customized input fields. Bottom border will turn green when it's filled out correctly and it'll be orange when it's not.
Those are just some features that can be easily shown with a gif. I learned a lot more than just these! There are more styling and css that would be hard showing through a gif so check it out!