All solutions

This was a bit tricky but I eventually got it done. Let me know if there was anything I missed or could improve. I'm just starting with incorporating media queries and making my pages responsive so any advice will be appreciated :x

This was easy but had some challenges when using media queries

This was easy. Will create mobile view in due time!

This was fairly simple and straight forward. Tried using the BEM naming convention for the first time today. Will make mobile versions of these projects and all other previously done projects in due time. Any feedback will be appreciated :).

This was fairly easy, feedback on mistakes, optimal or best practices will be appreciated. Will make responsive for mobile in due time, my submission was desktop only

I just did the desktop design for now. I'm following The Odin Project's full stack curriculum so I have not learnt responsive design yet, I will come back to all completed projects and design the mobile versions in due time. If you have any tips on how I can optimize the code so far, do tell.

I found this relatively easy. If you have any tips on how to optimize the code, please share :)

This was the easiest challenge for me so far. I even decided to play around with linear gradient on the page background

I did not use the given image for the cover photo above the profile pic because I would see it on my machine when using Vscode live server but when I push to github for some reason It would refuse to load. So I instead used a gradient of the colors given for the cover photo :)

#What I found difficult.

• I found it difficult when using flexbox. The container div was kind of encroaching beyond the borders of the parent elements, the score and summary section. I managed to fix it but if you check my code I just reduced the height to sort of hide it.

• I also don't know how to design the mobile view yet, I'm still learning intermediate HTML and CSS via The Odin Project. So I'll come back to redo this project once I get better at that.

What are the best practices for this ? Any feedback or criticism is welcome. I'm still a beginner so I need as much guidance as I can get.