Skip to content
Submitted about 4 years ago

3-Column previous module completed with HTML and SCSS

Jamie Moore•230
@jamiem89
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

This was quite a simple one. Pretty happy with this. I didn't really pay any attention to tablet, so just judge on mobile and desktop!

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Raymart Pamplona•16,040
    @pikapikamart

    Hey, great work on this one. Layout both desktop and mobile is good and responds very well.

    A little suggestions would be that:

    1. Like what AbePlays said, there is this scrollbar. You can fix this by removing the width: 100vw on your wrapper selector. width: 100% is much better since it occupies available screen width and vw doesn't really account the edges or notch.

    2. Adding a padding to the top and bottom of the body so that when inspected, it doesn't touch the ceiling and flooring of the screen.

    Really good job on this ^^

  • Abhishek Rawat•690
    @AbePlays

    It look's amazing. However, there's some horizontal scrolling at smaller screen.

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