Skip to content
Submitted almost 3 years ago

Responsive 2 column layout with interactive forms

Andy•230
@Andy-COD
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

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

Community feedback

  • bikeinman•1,080
    @BikeInManPosted almost 3 years ago

    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.

    0
    Andy•230
    @Andy-CODPosted over 2 years ago

    @BikeInMan Thanks a lot👍. I am fairly new to web development so I find it hard sometimes to implement what I have in mind but gradually I will get there.

    Also your solution to the problem is amazing, how the error messages resize with the form.

    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