Skip to content
Submitted over 3 years ago

Mobile-first solution CSS HTML

Giuseppe S•60
@yucppe
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I have a question regarding the media query for the break point at 750px, because if I add the code commented the four card wouldn't be centered, and if I remove that (like I did) it worked. I couldn't figured out. Any comments will be appreciate.

Thanks in advance, I loved this challenge

Community feedback

  • Account deleted

    if you re talking about this codes in your code: /* grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; */ i think problem is you're using 2 row and 2 column. but you need, 4 row and 3column. like this :https://codepen.io/gurkanozer/pen/ExWmxmE

    1
    Giuseppe S•60
    @yucppePosted over 3 years ago

    thanks I will check it

    0
  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    I do not understand the question you are asking but your solution looks ⭐⭐⭐⭐⭐

    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