Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

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

@patwadeepak

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@patwadeepak

Posted

@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

@dvion0o0

Posted

Nice Work 👍

Marked as helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

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