All solutions

Could I have used grid in a better way? How should I have aligned the sidebar with the other elements? Is there a way to animate the menu when closing using CSS?

Followed the lessons from Kevin Powell on Scrimba with this project. Great insights and learned a lot about setting up a good css basis for any project and accessibility.

The only thing I couldn't figure out is how to fix the tab indicators on the technology page on mobile size.

They seem to lose their aspect ratio by the "place-items:center" property on the ".grid-container" class.

• Learned about picture and srcset attributes.
• For the button hover state I wasn't able to use the sass darken function in combination with a variable color. Is there a way to do that or is there an other best practice for?
• For the mobile media query I had to alter all the font sizes. Is there a beter/smarter way to do that?

Used sass and parcel add first but wasn't able to figure out how to best push it to github and show the github page.

First time using css variables with the colors and experimenting with the rem unit.

Still looking for a good process to setup my projects.