Skip to content
OverviewSolutions
26
Comments
10
Ronaldo
@marckesin

All comments

  • Ronaldo•440
    @marckesinPosted over 2 years ago

    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); }

    1
  • Saleh•390
    @SalehAbuhusseinSubmitted over 2 years ago

    I didn't find problems in general But What I would like to do in this challenge is to make the design as pixel perfect as possible (I am don't have pro). I used Pixel Perfect extension on Chrome but the problem I faced is that the Design Preview is 1440x1056 and the Site on my device is 1200 or less and the height is the height of the screen of the laptop I use which is less than 1056 for sure. How can I compare the Preview Design with my design if the preview layer doesn't land properly on my Solution. Sorry for the long talk 😥 but I am very eager and curios to make the challenge Pixel Perfect.

    HTML CSS Flexbox SASS

    2
    Ronaldo•440
    @marckesinPosted over 2 years ago

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

    0
  • Chloe•20
    @chloeafpSubmitted over 2 years ago

    Hello,

    I think I've done pretty well with the challenge. But I am always open to any feedback! :)

    So, do you have any feedback on the HTML or CSS? Thank you!

    Card component using HTML and CSS

    2
    Ronaldo•440
    @marckesinPosted over 2 years ago

    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.

    1
  • Kamrul Saad•90
    @kamrulsaadSubmitted over 2 years ago

    Hey, this is my first big project, I am kind of lacking in making this page responsive. I would like to submit now for I want to know how others have done it by checking their solution. Please leave any suggestions that might help me finish this project in a better way.

    Sunnyside agency landing page solution (*Non-responsive)

    3
    Ronaldo•440
    @marckesinPosted over 2 years ago

    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
    0
  • Ronaldo•440
    @marckesinPosted over 2 years ago

    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.

    1
  • Mick•300
    @Mick-2097Submitted over 2 years ago

    I could spend the next 3 days playing with the box shadow and not get it right .!?

    Article preview

    3
    Ronaldo•440
    @marckesinPosted over 2 years ago

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

    0
  • Ronaldo•440
    @marckesinPosted over 2 years ago

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

    1
  • Ronaldo•440
    @marckesinPosted over 2 years ago

    Nice animations!

    0
  • Ronaldo•440
    @marckesinPosted almost 3 years ago

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

    Marked as helpful
    0
  • Thiago Jyum•50
    @ThiagoJyum5Submitted almost 3 years ago

    how can i put an image together with a base color in the background

    Solution Jyum

    2
    Ronaldo•440
    @marckesinPosted almost 3 years ago

    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
    0