Design comparison
Solution retrospective
Happiest with the last section. Next time I would do more planning and outline work to understand the system and spacing.
What challenges did you encounter, and how did you overcome them?The spacing with the last section and marker was difficult at first because I had put the marker inside of the div with the image background and then adjusted the position up.
Instead, I create a larger surrounding section with the marker inside and adjusted down, with negative top-margin adjusted the same amount. This helped me keep consistent spacing between the major page sections.
What specific areas of your project would you like help with?Always open to feedback and ideas!
Community feedback
- @nvallinePosted 6 months ago
Hi Peter,
Great job on the challenge! I just have a couple small aesthetic suggestions. The paragraph text in the intro section and section 2 gets pretty wide before the site hits the 1200px breakpoint. I would set a max-width on them that is equal to the widest width in the design. That way it retains a similar look and feel for the user.
The other tip is to remember to use img alts. If the image is purely decorative with no real purpose, you should use empty alts, alt="", otherwise include proper alt text for the image. This helps with accessibility and SEO.
I hope this is helpful.
0
Please log in to post a comment
Log in with GitHub
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