All solutions

Welcome to my solution to the Blogr landing page.

I have to say this one was tough due to the need of using position and the amount of times a style changes based on desktop or mobile. It was also hard to name sections, especially the menu component, as it required multiple double container patterns. The same goes for other parts. That said, it was a fun and educational, and I will take a lot of lessons learned with me in future projects.

That said, It would be nice if you had feedback on organizing class names (modifiers) according to the BEM method. I mainly had trouble with this with the menu and the different states. However, any other feedback is also much appreciated.

Feedback is appreciated👍

Any feedback is appreciated. 👍

Feedback is appreciated👍

Any feedback is appreciated 👍

Feedback is highly appreciated 👍

Any feedback is appreciated.

I've been learning about modular CSS and tried to implement it with this exercise for the first time. I've written about some issues that came along the way in the READ.me file. If you'd like to look at it and, if you feel like it, it would be of great help.

Any feedback is appreciated.

Feedback is appreciated 👍

Suggestions and criticism are always welcome 👍

Feel free to let me know what you've done differently and discuss it so that we can learn from each other : )

Finally, I submitted my first solution, but I still feel awkward about certain decisions I made in the design. So any criticism, insights, and suggestions are much appreciated.

The things I felt awkward about: Using vh for top and bottom margins. Center the container based on the current viewport. Not having used the grid from the start.

So my idea was to center the container with a flex layout so that the container is at the center no matter the screen size. However, I'm uncertain if this is good or bad practice and if I should try to avoid this in future projects.

Again, any suggestions and criticism are appreciated.