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

Responsive, CSS, HTML

Levan 90

@Mosacd

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I think I should learn grid and use percentage values for fonts

What challenges did you encounter, and how did you overcome them?

I had a little trouble dividing up space between the given picture and the text article for the desktop version. I just set max width for the article to 300px and it worked I guess.

What specific areas of your project would you like help with?

I have a little trouble on deciding where to set break points and I'm still wondering how responsive it is supposed to be. This version looks normal for desktop and intended phone version, but I don't like the way it looks on different types of screen sizes when it comes to phones and tablets (since they mostly have different size ratios and zoom). Writing media queries for each of these seems a bit excessive. (next Time I'll just try to fit it on tablet too I guess).

Community feedback

P
Jamie 120

@jamiethomas1

Posted

yes

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