Skip to content
Submitted over 2 years ago

3 Columns Preview Card Component

Klay Richelieur Amestica Diaz•90
@sextanscerberus
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hey guys!!

Done with HTML & CSS, with "mobile first" design.

I think it's done, but I'm not very sure. This time the main.css file looks very repetitive, but it works so.. fuck it lmao.

Community feedback

  • Dev Rathore•2,600
    @GitHub-dev12345Posted over 2 years ago

    And give the border-radius in Two Cards Design One Card is Left side and Second Card is right Side Give the border-radius value: 15px ;

    I hope you find this helpful 😊👍

    Marked as helpful
    1
  • Dev Rathore•2,600
    @GitHub-dev12345Posted over 2 years ago

    Congratulation to complete the challenge ❤️👍 My small suggestion : 1.In Card design CSS Code Used this:

    transform : scale(0.8); this property decrease the size of card. 😉

    large size for increase the number of scale & small size for decrease the number of scale

    I hope you find this helpful

    Marked as helpful
    1
    Klay Richelieur Amestica Diaz•90
    @sextanscerberusPosted over 2 years ago

    @GitHub-dev12345 Thanks Rathore, I will fix it🌟🌟

    0
  • Magic.Cookie•120
    @Magic-CookieePosted over 2 years ago

    Works fine, looks good. Nice!

    Marked as helpful
    1
    Klay Richelieur Amestica Diaz•90
    @sextanscerberusPosted over 2 years ago

    @Magic-Cookiee Thank you bro💪💪

    0
  • Jean Ruiz•590
    @jeancarlosruizPosted over 2 years ago

    Good job boy! Keep going!

    Marked as helpful
    1
    Klay Richelieur Amestica Diaz•90
    @sextanscerberusPosted over 2 years ago

    @Jean-FrontEnd Thanks Jean💪💪💪

    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