Design comparison
Solution retrospective
I spent a lot of time on how to change img element when hovering, so I want to ask if my code is fine, and is there a more efficient way to make img element change?
Community feedback
- @AdrianoEscarabotePosted almost 2 years ago
Hello Hsienz, how are you? I truly loved your project's outcome, however I have some advice that I hope you'll find useful:
Instead of using "width" to specify an absolute width, use "max-width" to specify a maximum instead. By doing this, the content will behave much more amiably in smaller resolutions, making it easier to make the project responsive.
Consider using rem for font size .If your web content font sizes are set in absolute units, such as pixels, the user will not be able to re-size the text or control the font size based on their needs. Relative units “stretch” according to the screen size and/or user’s preferred font size, and work on a large range of devices.
if you want to continue coding with px, you can download a very useful extension in vscode, it converts px to rem! link -> px to rem
The remainder is excellent.
I hope it's useful. 👍
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