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

Product preview card component

Madu Jang 340

@MJspitta

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


I use Atom for my projects and CSS Lint report keeps prompting me that, "The universal selector (*) is known to be slow". I usually set my margin and padding to 0 in the selector. Is there an alternative to this selector that will still help me achieve the same purpose?

Community feedback

Lucas 👾 104,420

@correlucas

Posted

👾Hello Madu, congratulations for your new solution!

I ever use the universal selector and I don't see any issue with that. Maybe if you want to use an alternative to reset these margins and paddings, maybe you can select the elements individually, like the body, container and etc.

This article give you more info about CSS Reset, is an interesting resource if you want, heres the link: https://www.webfx.com/blog/web-design/css-tip-1-resetting-your-styles-with-css-reset/

👋 I hope this helps you and happy coding!

Marked as helpful

1

Madu Jang 340

@MJspitta

Posted

@correlucas This link is very helpful! Thank you very much!

0

@behubj

Posted

congratulations for your new solution:- Your solution is good, the animations you've add make this even better.

As a beginner you have to find a way improve yourselves. In this project you have done very well, the only thing i would suggest you work on sizing( between 375px-490px your image is shrinking inside of the another div)

I hope this helps you and happy coding!

0

Madu Jang 340

@MJspitta

Posted

@behubj Thank you very much! I noticed that too. Do you have any advice on what to do to stop the image from shrinking?

0

@behubj

Posted

@MJspitta I am also a beginner but you can try to add image in html and remove background image from css, maybe it will fix your problem of shrinking

0
Madu Jang 340

@MJspitta

Posted

@behubj Thank you!

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