Personal Blog Website – Lars Burkhardt

For the Media Queries I used a mixin, the source: https://gist.github.com/gpessia/0e1a81c3b75e47ee148e929f0cd7f03c (also mentioned in mixins.scss)

For the naming of class selectors I tried to follow the BEM Syntax.

Tools used

Webfonts: Google Webfonts Helper
SASS Compiling: prepros.io
Responsive headings with clamp(): https://fluid-typography.netlify.app/

Where did I use Flexbox?

Header
Navigation bar
Newsletter form
Post navigation (Blog page)

Where did I use CSS Grid?

Body (to make sure the footer sticks to the bottom)
Layout of the page (main area and sidebar)
Card Grid (Homepage)
Author info (Blog page)