![](https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_900/Screenshots/fv8sl4nslvghd8vcr25l.jpg)
Design comparison
Solution retrospective
Hii!
I would really appreciate if somebody looked at this one for me!
I used the BEM naming convention and I paid attention to make the code readable and clean. I also ordered declarations by type(position, display, colors, font, miscellaneous…).
This one was trickier for me than I expected. The background image was a problem for me but I managed to complete it on my third try.
I tried hard to get it to the original design but I still didnt manage to place the social links where I wanted. But I think its still pretty close to the original one.
I went with a mobile first approach as always and on mobile I think I got it very close to the original.
On a previous challenge somebody pointed out that I dont use box shadow and hover effects enough so I added some on this one(just something simple). I need to learn animations more and I apply them to these designs more.
On the design comparison it shows it a little different than it is when you preview the site :/.
Sorry for the long text on such a simple challenge.
All feedback is appreciated as always. Thanks in advance!!!
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord