Skip to content
Submitted over 1 year ago

Mobilefirst design. SCSS used. Flex/grid for different screen sizes.

Donatas Bagužis•80
@donny333
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Ping single column coming soon page
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I coded additional bonus task by myself: after submitting valid e-mail "Your email has been included into our database" text shows on screen. After 3 seconds text disappears from screen.

Community feedback

  • Matias Ludueña•1,990
    @matiasluduena23Posted over 1 year ago

    Hi @donny333! Nice work! Just one advice. To prevent the icons jump on hover state, change on the i:hover{ border: 1px transparent }

    Good code!

    Marked as helpful
    1
    Donatas Bagužis•80
    @donny333Posted over 1 year ago

    @matiasluduena23 thanks for noticing. Small improvement, but makes difference.

    1

Please log in to post a comment

Log in with GitHub

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