Design comparison
SolutionDesign
Community feedback
- @HekimianzPosted 4 months ago
Hi! I noticed something regarding your use of media queries that I think could improve the responsiveness of your design.
- It looks like you used a breakpoint at 768px, but the CSS rules applied at this breakpoint seem to be intended for desktop sizes. Generally, 768px is considered a typical tablet width, and desktop-specific styles are usually applied at higher breakpoints (e.g., 1024px and above).
To enhance the responsiveness of your design, I recommend using 768px for tablet-specific styles and reserving more extensive layout changes for desktop sizes at a higher breakpoint.
Also on general styling:
- The styles applied to the input when a user enters an invalid email persist even after entering a valid one.
Other then that, great job! JS works perfectly as intended and the design is close to the provided images. Good work 😁
Marked as helpful0
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