Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Intro component with sign-up form with flexbox

@dselasea

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

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

@Diarrah

Posted

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

Migo• 205

@ngoc199

Posted

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

0

@dselasea

Posted

@ngoc199 Im gonna try it. Thanks for the feedback

0

Please log in to post a comment

Log in with GitHub
Discord logo

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