Fylo Landing Page Two Column Layout - Vanilla CSS and HTML

Solution retrospective
The fine details of this one threw me for a loop...
- I do not know how to get the error message to display underneath the text box.
- I could not get the social buttons at the bottom of the page to work correctly in the hover state. the icon and the outline change colors separately.
- Yes I know my CSS is very long and could use some cleaning up but I was struggling 😅
- Don't be afraid to pick my solution apart so I can improve! Thanks :D
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Esesosa-max
- Good Looking Design (desktop 3/3,mobile 2/3) 5/6
- HTML is somewhat structured 2.5/5
- deadly responsive (impressive !!) 5/5
- Good Application of CSS Variables and mobile first (impressive !!) 5/5
- Fixes and personal suggestions
- i do not think you should put everything into the main
- instead of using
<header>
use<nav>
or just put the nav inside the header <header><nav></nav></header>
- your header is a bit mess up
- input is not properly styled
- Great Job : 18/21
Marked as helpful
Join 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