Skip to content
Submitted 8 months ago

Intro component with sign-up form

Lo-Deck•2,790
@Lo-Deck
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

What are you most proud of, and what would you do differently next time?

Hi here is my solution for "Intro-component-with-sign-up-form". I used HTML, CSS, Flex, Grid, Mobile-first, JS.

What challenges did you encounter, and how did you overcome them?

To validate different `` independently and display an error message for each of them.

What specific areas of your project would you like help with?

I used a listener on the `` with submit and play with display: inline to display the error message. I used !myForm[i].validity.valid to validate.

Thanks to leave any comment if you see something I can do better.

Community feedback

  • Md Mazhar Ali•440
    @Mazhar1857Posted 8 months ago

    You should decrease the size of the media query for the mobile view. When I open it on my laptop, it shows the mobile layout instead of the desktop layout. However, when I inspect it and manually increase the width, the desktop version appears. For reference, I have a 15-inch display with a 720p resolution.

    Marked as helpful
    1
    Lo-Deck•2,790
    @Lo-DeckPosted 8 months ago

    Hi @Mazhar1857 thanks for your comment.

    I reduce a little bit the media screen and add a margin for the body ,after I just made this website with only 2 sizes in hard.

    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