Showcase

First project made with CSS without flex or grid. Even this was first project, it already have 3 pages and CSS file with &media for smaller screens.

Second project introduced flex box into the process of web creation. Instructor also demonstrated using basic PHP for form processing along with implementation of google maps with JS.

This bonus project was actually great. Nice demonstration of power of basic CSS and showcase of transitions and sibling/child advanced selectors and work with them.

Bonus mini project to show students how to create responsive menu. Short, but with quite advanced CSS. I believe I will return to this project a lot in the future :)

Interesting project to practice transitions and transformations plus some more bits of Javascript. Tricks with border and bit more advanced tips for responsiveness.

This mini project is more than anything else just demonstration of using JS for scrolling and also how to make single page web look like multi-page web.

This is rather bigger project with heavy use of CSS Grid to properly learn how CSS Grid works and how to use it in different situations. Also to get the hang of where to use Flex and where to use CSS Grid. Also this was first project where students are taught how to deploy website to Netlify.

Last project in the course, quite extensive one for my level. Most important bit was implementing sass with node-sass compilation and deployment on Netlify. I realized, that after tasting sass, it's difficult to return to pure CSS really :) I liked this project, because it combined all of previous knowledge and has some really nice functions and transitions.