Skip to content
OverviewSolutions
4
Comments
13
Ruan Costa Campos
@ruancostacampos

All comments

  • Ruan Costa Campos•140
    @ruancostacamposPosted over 2 years ago

    Hi, very well done. The "add to cart" button are being cutted on the mobile version here, i think you can improve your design by correcting this issue.

    0
  • Gustavo de Assis G. Reis•90
    @gustavoagoncalvesSubmitted over 2 years ago

    I'm beggining to code alone and this is my first project without any help. The most challenging part was to set the div's with the same width, wich I couldn't do. If anyone can look and show me how to do it I appreciate it.

    Product presentation with HTML and CSS

    1
    Ruan Costa Campos•140
    @ruancostacamposPosted over 2 years ago

    Hello, gustavo. I can see youre working hard, you can improve your design by learning flexbox basics. Are you from Brazil? if yes, message me on instagram, /ruanblues

    Marked as helpful
    0
  • Ruan Costa Campos•140
    @ruancostacamposPosted over 2 years ago

    Hi, im seeing you are doing a good job! I think you can improve your design by fixing a mobile size on mobile version of card to better content distribution.

    0
  • Ruan Costa Campos•140
    @ruancostacamposPosted over 2 years ago

    Hi, looks better now! Good job. I think with your knowledge you can do two things who i'll make your finish the design 1- Show the mobile content when the screen width is minor than desktop card 2- Adjust the mobile image to correct size on the mobile card version.

    You can do it! practice leads to perfection

    0
  • Ruan Costa Campos•140
    @ruancostacamposPosted over 2 years ago

    On the mobile version you can fix the size of image cuz are shortening with the screen size.

    Marked as helpful
    1
  • Ruan Costa Campos•140
    @ruancostacamposPosted over 2 years ago

    Hi, great work! I think you can improve your design by setting the image size and fix the div size to the 2x image size, you got a perfect aspect.

    A way to deal with mobile devices is use the css media screen query selector.

    Marked as helpful
    0
  • Ruan Costa Campos•140
    @ruancostacamposPosted over 2 years ago

    Hi, great work! I think you can improve your desing by fixing the card size on deskop version.

    1
  • scoltelli27•30
    @scoltelli27Submitted over 2 years ago

    Beginner here. It was impossible for me to make the site responsive, I know how to make a site shrink or expand according to the viewport but I found no way of changing the site completely when the user is on mobile, like the exercise asks to do.

    If anyone can please help me with that I would be extremely grateful.

    Landing page using classes and flex

    3
    Ruan Costa Campos•140
    @ruancostacamposPosted over 2 years ago

    Hello, scoltell27. I'm seeing youre working hard. I think you can improve your css by improving your flexbox skils, and after that you can do something adapt to mobile devices using the css @media screen and (max-width: px ) query.

    Marked as helpful
    1
  • Ruan Costa Campos•140
    @ruancostacamposPosted over 2 years ago

    Here in mobile version its showing the desktop version and vice-versa.

    Marked as helpful
    1
  • Ruan Costa Campos•140
    @ruancostacamposPosted over 2 years ago

    You done very well. I think you can improve your css by add the rule to show de mobile version when the screen width is less than 550px cuz without this rule you have a bad experience with screen width between 550-376px

    1
  • kokkaki•10
    @kokkakiSubmitted over 2 years ago

    Hello!!! This is my first project with JavaScript! 😁 Your feedback will be greatly appreciated !!! 🙏

    Interactive-rating-component

    2
    Ruan Costa Campos•140
    @ruancostacamposPosted over 2 years ago

    Hi, its good see youre working hard to do the work!

    i think you can improve your design by learning the basics of flexbox to centralize some things on your project.

    Marked as helpful
    0
  • Ruan Costa Campos•140
    @ruancostacamposPosted over 2 years ago

    Really well done, the most identical i have seen. You can improve you design by using the :hover css propriety to make your design more loyal to the figma design.

    1