Skip to content
OverviewSolutions
5
Comments
2
Igor
@bubahaze

All comments

  • Nazaf•140
    @Nazaf64Submitted over 3 years ago

    I think I've managed to get everything except one little thing. Would appreciate any tips on how to get the exclamation mark to appear in the placeholder when error occurs. I can make the exclamation mark appear in the placeholder but I'm faced with 2 problems. I can't figure out:

    • How to make the exclamation icon red
    • How to make it appear on the right hand side

    Update: Managed to fix the issue with the exclamation mark. Everything seems to be working fine. If there are any other issues that needs fixing that I might have overlooked, please let me know. Thank you

    Intro component with signup form using grid

    1
    Igor•110
    @bubahazePosted over 3 years ago

    Hello, you've got a nice one here, big up! I wish my code looked like yours 😄. Regarding exclamation mark, there an icon-error.svg in images folder, it's already red, you could append a class for input with background-image of icon-error and position it with background-position, just like you did with red borders around input area. In my solution I've got stuck at validation of email in .js, but yours look decent, and I think it could help me understand my mistakes. Cheers, bro!

    Marked as helpful
    0
  • Ohad•50
    @ohad331Submitted over 3 years ago

    Hi there, I would love to get some feedback about my updated solution using the grid layout for the first time. thanks a lot!

    box-shadow, Grid layout.

    1
    Igor•110
    @bubahazePosted over 3 years ago

    Hi Ohad, yes, grid is indeed a valid way to do this, especially that your layout is in a mess on different resolutions. Try to make a grid of all boxes (together with text-box) and put it in a wrapper with display: flexbox, this will allow you to make this layout stable while displaying on different screen resolutions. Search for grid-template-areas and I recommend you Mozilla Firefox: Developer Edition browser to display your grid-model in a helpful way to see how you could improve your code. For mobiles a flexbox and flex-direction: column will be sufficient. You are doing great and keep working, watch other people's solutions, that's what helped me to improve my version of this challenge ;) Cheers, mate!

    Marked as helpful
    1