Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

3-Column Solution

Sarah H. 55

@Arearda

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feedback would be appreciated. This is my first one!

Community feedback

Joseph 770

@Jos02378

Posted

Hey Sarah, nice job on making this solution.

I tried to open your solution on phone and it seems that your solution is not responsive yet. I would like to suggest you use the property "flex-direction: column" for your main container. I also think you can increase the button's border-radius to 100px to make the button more round. Also, try to decrease the padding for the description to make it align with the logo and button.

I hope this helps, good luck!

Marked as helpful

0

@fasih-mehmood

Posted

@Jos02378 wouldn't it be better to keep the flex-direction as row and set the flex-wrap to wrap instead?

0
Sarah H. 55

@Arearda

Posted

@Jos02378 Thank you! I didn't want to do the media queries quite yet, I am very new to programming and I wanted to take it one step at a time. I will be getting to those media changes soon, though. :)

0
Joseph 770

@Jos02378

Posted

@fasih-mehmood I think people can use flex-wrap: wrap too to make it responsive.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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