Four feature card section using HTML and CSS

Community feedback

• 

  Hari Ram•370

  @hariramjp777

  Posted over 4 years ago

  Hi @Gracious Ng'etich, Your mobile layout looks good. For desktop layout, you've to use grid with three columns and two rows.

  main {                                                                 /* card container */
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  

  and then you set grid-row and grid-column for child elements which specifies number of rows/columns to span.

  You can look at my repository

  Hope it helps. 👍

  02
• 

  

  Matt Studdert•13,611

  @mattstuddert

  Posted over 4 years ago

  Hey Gracious, welcome to the community 👋 I hope you enjoyed your first challenge!

  Your live preview URL seems to be incorrect at the moment. I'd recommend working through our guide to submitting solutions and try updating the URL. You can update your solution by going to My Challenges in your profile and click the challenge. This will take you through to the challenge hub. From there, click Update Solution in the menu at the top and you'll then be able to update your solution details.

  Once you've added the correct URL, you can generate a new screenshot (the button below the design comparison above) to take a screenshot of your project.

  Let me know if you have any questions or need help updating your solution. I look forward to seeing your project!

  00