Skip to content
Submitted over 3 years ago

Mobile first approach using Html,css and js

Fatima•145
@FatimahFarooq
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Article preview component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Any feedback is welcomed,love to make improvements ..

Community feedback

  • Yashasvi Singh•235
    @Yashasvi2704Posted over 3 years ago

    Hi Fatima, I guess you started mobile first, which looks pretty solid.

    There were a few Issues I could spot.

    1.On a large screen, the section for content should have a max-width property set so the card doesn't take up the full available width.

    1. From 1300-1400px, the content of the card overflows the card.

    2. The image looks a lot stretched from 700-1300px. You can use a background image instead of a <img> tag.

    Marked as 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