
Design comparison
Solution retrospective
I was not able to make the error message on the laptop view a block element as it was inheriting the flex display element i used for the parent element. is there a way i could have worked around it, thank you
Community feedback
- @hyrongennikePosted over 2 years ago
Hi @T-oluwadara,
Congrats on completing the challenge
You can add the following in a media query for large screen.
#email { flex-grow: 1; } #form { position: relative; } div.input-control.error { display: block; position: absolute; left: 10px; bottom: -25px; }
I see you're using tailwind so you can either convert above to tailwind classes or add it in a media query as custom CSS. Also set a max width on the container so that everything is not so wide.
Hope this is helpful.
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