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

All comments

  • Yahya 80

    @yhas14

    Posted

    Wow spot on! Well done, I would look at the accessibility and try to apply them. Otherwise it's perfect.

    1
  • @jesuisbienbien

    Submitted

    Hi everyone,

    It's been a while because this challenge was quite difficult for me. I've finally finished (and very proud of myself hehe). Please take some time to review my solution. I'd love to receive as many feedbacks as possible.

    One thing I noticed is that, when on a few specific mobile devices (iphone SE, next hub, and galaxy S8+), the overlay effect acted weird. There was a white part at the top of the page. This doesn't happen in other mobile devices though. Any help on this issue would be greatly appreciated.

    Any other feedbacks are welcome. Thank you in advance!

    Happy coding :)

    Yahya 80

    @yhas14

    Posted

    Wow you've come a long way, I remember commenting on your first project and I can see the major improvements you've made. Keep up the great work.

    1
  • @jesuisbienbien

    Submitted

    Hello, I've tried my best to recreate this webpage. This is my very first project and I have a few things I'm not satisfied with and would love to receive feedbacks on

    1. My container's still bigger than I wanted it to be, what's the best solution to make it smaller?
    2. The blue background of the qr code has 2 shadows which I have no idea what it's called and how to do it. I'm happy to receive feedbacks on any other things too. Thank you!
    Yahya 80

    @yhas14

    Posted

    regarding the shadow, you can you CSS box-shadow property.

    syntax box-shadow: horizontal-value vertical-value blur and color. example box-shadow: 10px 5px 5px red;

    You can also add another shadow on the same selector ( separate second shadow by a comma) example box-shadow: 3px 3px red, -1em 0 .4em olive;

    You can check the MDN site for further resources. https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

    I would say don't be too concerned with exact proportions if you don't have a premium. I think you did a great job on your first challenge.

    Marked as helpful

    0