Skip to content
Submitted over 3 years ago

My first challenge

Prateek•10
@Amusiepie
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

I couldn't make it responsive and some other flaws. Can somebody help this is my first challenge after all.

Community feedback

  • Peter Ugochukwu Uche•350
    @UgochukwuPeterPosted over 3 years ago

    Hi. Nice attempt on the design. But on each column of the design, set the "overflow to hidden" So that the content remains on the card. To mak it responsive: u can make use of flex box. The width of each column should be divided accordingly to com certain percentage e.g: flex: 35% for the desktop view.. but on the mobile view u set the flex to 100% so that the column will fall on each other.

    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