CSS Grid, Flexbox

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted over 2 years ago

  Hey, John Soto! 👋

  Nice job on this challenge! 👏

  One way to add and position the error icons in this challenge would be add the icons directly to your HTML markup and then wrap both each icon and its associated input element in a wrapper. Set position: relative to the wrapper element and then use absolute positioning to position the icon relative to the wrapper and on top of the input element. That's what I did in my solution to this challenge, and it seemed to work out rather well. 🙂

  One other small suggestion I have is to add some space between the side of the form and the page in the tablet view of the site (just so that the form isn't right next to the edge of the screen when the screen size decreases). 😉

  Hope you find these tips helpful. 😊

  Keep coding (and happy coding, too)! 😁

  Marked as helpful

  2
• 

  Yokke•620

  @JexintePosted over 2 years ago

  Hey @Soto-J ,

  You can easily place your error image by giving a relative position to your input and absolute position to your image then whenever the size of the screen is the img won't move from the position that you've set.

  I think that for your media queries when the screen is near ~992px you can switch to mobile version especially in your case when your form doesn't have enough space around ~850px.

  Besides that good job !

  In hope it helps !

  1