Skip to content
Submitted over 3 years ago

Pure CSS with 100% responsive design for any screen size.

Deepak Kumar•10
@patwadeepak
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

My very first solution for a responsive layout. Kindly take a look a this 100% responsive design for any screen size. Not just 375px or 1440px.

Any CSS organization tips or just any feedback is welcome :)

Community feedback

  • Account deleted

    very good job, I really appreciate it. well the only small error that I found it is at the level of the image; it does not completely fill its container on the mobile version

    Marked as helpful
    1
    Deepak Kumar•10
    @patwadeepakPosted over 3 years ago

    @Dev-Martinien yeah I have used pseudo element of background color as workaround. It is hacky and I don't like it.

    I was thinking there must be a way to do cover/contain similar to background-size but I could not find it yet. Need to do more research for best way to fix that.

    0
  • Digvijay Ghosh•1,020
    @dvion0o0Posted over 3 years ago

    Nice Work 👍

    Marked as helpful
    1

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