Skip to content
Submitted about 5 years ago

Responsive landing page using CSS Flexbox

Phut•455
@phut-tran
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro component with sign-up form
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Phew! What a hard time. I have struggled with the form validation using JavaScript. For anyone who gets stuck with form validation, here are resources I preferred:

This project has tested using Chrome, Firefox, Opera. Tested responsive using Chrom devtool. Tested accessibility using ChomeVox.

Any comments are welcome.

Community feedback

  • Matt Studdert•13,611
    @mattstuddertPosted about 5 years ago

    Awesome work on this solution Phut and those are some great links you've posted. One recommendation I'd have is to make sure you have text inside the label tags so that screen reader users know what each field is for. You can then hide the text if you need so that it's only accessible to screen reader users.

    Keep up the great work!

    1
    Phut•455
    @phut-tranPosted about 5 years ago

    @mattstuddert Thank for recommends Matt! I'll fix it.

    0

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