Design comparison
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
- @correlucasPosted about 2 years ago
👾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 helpful1@MJspittaPosted about 2 years ago@correlucas This link is very helpful! Thank you very much!
0 - @behubjPosted about 2 years ago
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@MJspittaPosted about 2 years ago@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@behubjPosted about 2 years ago@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
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