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
Log in with GitHub
OverviewSolutions5Comments2

All comments

  • Nazaf• 140

    @Nazaf64

    Submitted

    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

    @bubahaze

    Posted

    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

    @ohad331

    Submitted

    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

    @bubahaze

    Posted

    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