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 Card Component

@elyssontanaka

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


Hello everyone! Any feedback or tips to help me improve the quality of my code is appreciated. I'm sure there are better ways to write cleaner and more concise and organized code.

Thanks!!

Community feedback

IRVINE MESA 1,855

@DrMESAZIM

Posted

hi @elyssontanaka well done . I do have one suggestion on mobile responsiveness .

In the file styles/style.css line 136 , you used "@media (min-width: 1200px) " which I think is too large since most users have smaller screen . preferable if you had set the min-width to 600px . It would be fine

Marked as helpful

0

@elyssontanaka

Posted

Hi @DrMESAZIM, it's a good point, I'm going to change the code to make it more suitable. Thanks for the tip!

0
Cristian 130

@cristiandjr

Posted

Excellent work brother, the only thing that when I'm in phone mode I would leave it more to the center :D

Marked as helpful

0

@elyssontanaka

Posted

Hi @cshjdr, thanks for the tip, I'll take a look at it!

1

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