Design comparison
Solution retrospective
.
What challenges did you encounter, and how did you overcome them?Form validation…
What specific areas of your project would you like help with?.
Community feedback
- @JomagenePosted 2 months ago
You've done a great job aiming for pixel-perfect accuracy. I especially like the gradient background color on hover, whith a nice shadow. However, on mobile devices, there is a significant gap between the paragraph content and the dismiss button that seems to be missing in your implementation. I also noticed that the container height is larger than in the design. For better responsiveness, consider using
min-height
instead of a fixed height, like this:article { min-height: 67.5rem; }
This approach, along with using percentages and padding for internal elements, will help maintain responsiveness. Your use of the
<picture>
element with<source>
to handle image responsiveness is excellent too.Keep up the great work, and let me know if this was helpful or if you'd like to discuss further topics!
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