Design comparison
SolutionDesign
Solution retrospective
Characteristics:
- Similarity to the original design
- Hover effects
- Email validation
Built with:
- HTML
- CSS
- Vanilla JavaScript
Advice for:
-
Tips for email validation, I seem to have written too much code, at the moment I haven't found a way to simplify and reduce the lines of code.
-
For the logos I gave a maximum height shared with an automatic width, is this a correct way?
.loghi img { margin: 0 2%; width: auto; height: 15px; }
Community feedback
- @RazaAbbas62Posted 10 months ago
Yes, your CSS rule is correct. It maintains the aspect ratio of the logos by setting the width to auto and limiting the height to 15 pixels, ensuring proportional scaling without distortion.
HappyCoding :)
1
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