
Design comparison
Solution retrospective
Redid the code with a css file for readability, worked on my margins and padding,
What challenges did you encounter, and how did you overcome them?Issue: The content was too close to the edges of the browser window. Added Padding to the Body: Solution: Added padding to the body to create some space around the content.
Issue: The container content was too high up in the viewport.
Adjusted Container Margin: Solution: Added a top margin to .container-m to push the content down.
Text Center Alignment:
Issue: Ensuring the text is centered within the container for better
readability. Solution: Set the text-align property to center for the container.
Added Margins to Text Elements:
Issue: The heading and paragraph were too close to the image. Solution: Added top margins to the heading and paragraph to create space.
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