Skip to content
Submitted over 3 years ago

Responsive Mobile First Card

Juan Pablo Mendez•60
@Juamez
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

Hello people, I made this challenge using mobile-first implementation and with only a media query, it was hard to make the stats section because I couldn't align them with the other boxes. I receive all kinds of feedback. Thank you!!.

Community feedback

  • Eslam_Mohamed•65
    @Eslam-mohamed7Posted over 3 years ago

    Hi Juan,

    I want to suggest a couple of improvements to your implementation. In the stats section, if u want to align them with the other boxes: u should remove

    1. justify-content: space-around; and use this trick using the CSS Selectors section.container-stats div:not(:first-child) { margin-left: 60px } h3 { text-align: left; } // to make the numbers at left.
    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