Skip to content
Submitted over 3 years ago

Base Apparel Mobile First

TsuneWeb•260
@TSune-web
A solution to the Base Apparel coming soon page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello, Frontend Mentor community! This is my solution to the Base Apparel challenge✨

The main image does not seem to resize properly based on screen size. I'd appreciate any advice on working on images, rendering, and positioning, including cropping/ trimming images🖼

Wishing peace🙏 Happy coding!

Code

Please log in to post a comment

Log in

Community feedback

  • Katie•405
    @kem522

    Hi! Really good job - so close to the designs!

    I have a couple of pieces for advice in your CSS (although I can't help 100% with your image issues, they can often be a bit fiddly!):

    • I see you use IDs a lot in order to apply styles, this is generally not considered best practice due to their very high specificity and are best reserved for targeting elements in JavaScript, you can read more about that here

    • I also noticed you added height to a number of your elements. More often than not it is better (and easier for you in the long run) to create height and space by using padding and margins instead of an explicit height.

    Keep up the good work!

    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