Skip to content
OverviewSolutions
26
Comments
10
Ronaldo
@marckesin

All comments

  • Ronaldo•440
    @marckesin

    Bom trabalho. Para melhorar você poderia adicionar aos estilos do seu botão:

    button{ cursor: point; transition: all 0.3s; }

    button:hover { background-color: hsla(71, 73%, 54%, 0.795); }

  • Ronaldo•440
    @marckesin

    Hello Saleh. You can resize the width of your browser with: CTRL- or CTRL+ to match the size you want.

  • Ronaldo•440
    @marckesin

    Hi Chloe. Your solution is pretty good on desktop mode but it doesn't have a mobile mode. You could implement media queries to solve that.

  • Ronaldo•440
    @marckesin

    I've just finished this challenge and used Bootstrap5 as well. Feel free to take a look at my solution to get some insights.

    Marked as helpful
  • Ronaldo•440
    @marckesin

    Hi Rebekah. I've just finished this challenge and used Bootstrap5 as you did. Feel free to take a look at my solution to get some insights.

  • Ronaldo•440
    @marckesin

    Check this out: https://getcssscan.com/css-box-shadow-examples

  • Ronaldo•440
    @marckesin

    Hi Shan1y. Great work. When the email is invalid, the message "Please provide a valid email" is very close to the attribuition div.

  • Ronaldo•440
    @marckesin

    Nice animations!

  • Ronaldo•440
    @marckesin

    Hi Karol. Nice job. It would be great if your "button" and "cancel order" had a cursor: point.

    Marked as helpful
  • Ronaldo•440
    @marckesin

    I did this:

    .container { height: 100vh; background-image: url("../images/pattern-background-desktop.svg"); background-repeat: no-repeat; background-size: contain; position: relative; }

    .container::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: hsl(225, 100%, 94%); z-index: -1; }

    The container class is my background.

    Marked as helpful