@samritbasnet
Posted
thank you for comment that helped me with my functionality
@samritbasnet
Posted
thank you for comment that helped me with my functionality
Your design looks great, but there is something you could improve. You're showing the form again using form.style.display = 'block'
which removes the Flexbox properties. Instead, you could control the visibility by adding and removing a class, like this:
.hidden {
display: none;
}
This way, the Flexbox layout stays intact.
Also, I would suggest using media queries with min-width for responsive design. It’s better to style for the mobile view first, and then in the media queries, only change the styles needed for larger screens.
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