Skip to content
Submitted over 3 years ago

Responsive 2 column layout with interactive forms

Andy•230
@Andy-COD
A solution to the Intro component with sign-up form challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I could not position the warnings properly in the form so during resizing, the warnings move out of place. I was hoping someone could help me with that issue. Also any other type of feedback is also welcome

Code

Please log in to post a comment

Log in

Community feedback

  • bikeinman•1,080
    @BikeInMan

    I have attached the image to error msg<P> with ::after and used absolute position to place the icon.

    In your case <img icon> is above the <p> and because of that, position absolute is referring to something else.

    If you like, you can take a hint from my solution and adjust to your code. https://bikeinman.github.io/frontendmentor-05-form/index.html

    This was tough for me and I am not completely happy with it, but it works for now.

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