Design comparison
Solution retrospective
I had problems to make the hover effect on the "image-equilibrium", so i checked out another project in this plataform and copy the code to do it. Even so, when i hover on it there is a small decrease in the "container" height and im dont know how to fix it. Anyone has an idea? plus: anyone can explain me this "hover code" and how it works? thanks
Community feedback
- @AbderrahmaneGuerinikPosted about 1 year ago
Nice work ! here are some suggestions to improve your code :
-
use rem rather then px unit.
-
** in CSS you should use classes, ** you will use id in javascript and its better to give a class to every element in html.
-
you should learn BEM méthodologie for naming classes in CSS BEM
Marked as helpful0@carlosriesePosted about 1 year agoThank you @AbderrahmaneGuerinik! I will check it out this BEM méthodologie.
0 -
- @Lo-DeckPosted about 1 year ago
Hi well done for this challenge.
I took a look at your code and change this :
main#container > a#image > img { display: block; max-width: 100%; border-radius: 10px; }
And I didn't have the decrease effect. Here a link for the image.freecodecamp.org.
And don't use
px
useem
orrem
instead. freecodecamp.orgHope tobe helpful.
Marked as helpful0@carlosriesePosted about 1 year agoHi @Lo-Deck, im grateful for your help, problem solved. im studyng html and css for a couple months and learning a lot with these challenges. Sometimes i get stuck on it but its very good to know to the community is helpfull with rookies like me. tks a lot!
0
Please log in to post a comment
Log in with GitHubJoin 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