Design comparison
Solution retrospective
This is my first project completed on this website and my first "serious" HTML/CSS project. Feedback is very appreciated
Community feedback
- Account deleted
Congrats on completing your first challenge, @RuFuRu! 🎉
In your responsive.css, there are multiple media queries that are causing some inconsistent re-sizing issues on the card when the browsers expands and shrinks. I would look into why it is doing that and how you can fix it. One method you could use instead is a CSS function called clamp(), which I recommend you check out! It will let you to set a minimum width and max-width on your main element, allowing it to expand as big or small as you want in a smooth transition.
Also, if you declare a height and width on your icons (using relative units), that should prevent them from getting squished in your flex-container!
Overall, well done and happy coding! :)
0 - @FernandoChurrosPosted about 3 years ago
o "hover" não está funcionando.
- Poderia colocar a "div" e a "img" dentro de outra "div", e colocando na "div" pai um position: relative, e na "div" filho um absolute, assim, a "div" filho iria respeitar o pai, e não precisaria setar top ou bottom.
- A cor do bg em cima da img, você coloca ela no :hover.
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