
Design comparison
Solution retrospective
At this point, there's not really anything I am proud of, per se. I'm satisfied that I'm learning my way around CSS, and am able to write HTML to make the most of it.
What challenges did you encounter, and how did you overcome them?The main challenges I'm having is the fact that the attribution
section is throwing off the size and positioning of the main window, since it pushes the main window up, throwing off the alignment between the page and the design screenshot. I had to add margins and padding for the top and bottom of the main
area to bring it close to the original size.
Also, lining up the sides is a tricky thing, since I'm attempting to use em
values instead of straight pixels. In this case, there's really no solution per se, just constant adjustment until the sides are close enough to make the difference subtle.
I'm not sure how to line up the box sizes exactly without using non-responsive elements such as pixels, as well as adding margin
and padding
to everything in different amounts; this seems like a poor idea at best, and a nightmare to troubleshoot later.
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