
Solution retrospective
I mostly did the HTML from memory, using what I've learned about semantic HTML.
With the CSS, I pulled from different sources I learned from and I am happy with the results. What I would differently is probably add media queries to make it responsive. But for now it's just basic HTML and CSS.
What challenges did you encounter, and how did you overcome them?Trying to vertically center the main container. I ended up adding a padding-top to the body to move it down.
I originally had the attribute part of the main container on the bottom but I decided to make it a sticky/fixed footer instead. I'm happy with the results.
What specific areas of your project would you like help with?Media queries to add responsiveness when screen sizes change. Right now it's at a fixed width that I had to measure using an image editing app. I'm sure there's an easier way to find out pixel sizes.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Silas310
Hi! You should use flexbox to properly align the container.
body{ display: flex; align-items: center; }
Don't forget to remove
padding-top: 140px;
Marked as helpful
Join 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