Skip to content
Submitted over 3 years ago

Responsive Card

ARBONA Julien•120
@ArbonaJulien
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

I have a little glitch when the device width is between 375 and 800 px. The card barckground is smaller than the card and the <div class="attribution"> is not centered on the page. I don't know how to fix it, thanks for your tips.

Community feedback

  • Aldi Anugra Pratama•115
    @LordAldiPosted over 3 years ago

    hi i see your solution for desktop is good, but you struggle with mobile. i have tips for you, try Mobile-first workflow, you code for mobile first after that you can add

    @media (min-width: 768px) {
}

    for breakpoint when in larger device, if you still struggle you can look other people solution, and i really recommend you to use readme template in resource so your github repo look nice.

    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