Skip to content
Submitted over 4 years ago

Intro component with sign-up form with flexbox

Daniel Selase Anyidoho•220
@dselasea
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

This has been tough. I had issues aligning the error message to the right. Text-align didnt work. I think I did something wrong but dont know where. Ill be glad to get some feedback.

Community feedback

  • Diarrah•3,418
    @DiarrahPosted over 4 years ago

    The way I aligned the text in my project I made the small tag a position: absolute and put bottom: 0, right: 0.

    Also, to get rid of your accessibility issues all you have to do is wrap your input tag inside of a label tag + make sure that the for attr for the label is the same as the id for the input.

    Keep coding!

    1
    Daniel Selase Anyidoho•220
    @dselaseaPosted over 4 years ago

    @Diarrah Thank you so much Diarrah.

    0
  • Migo•205
    @ngoc199Posted over 4 years ago

    You can add display: block; text-align: right; to the small tag to align it. I hope that works for you!

    0
    Daniel Selase Anyidoho•220
    @dselaseaPosted over 4 years ago

    @ngoc199 Im gonna try it. Thanks for the feedback

    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