Skip to content
OverviewSolutions
4
Comments
2
Carson'L
@Carson3377

All comments

  • Anthony Becarne•160
    @AbecarneSubmitted over 2 years ago

    Hey!

    I still have some difficulties in doing responsive pages, so I didn't try on this.

    If you have any advice, I would be grateful to hear :)

    Order Summary Component

    1
    Carson'L•100
    @Carson3377Posted over 2 years ago

    Hey @Abecarne, you can use media queries in the CSS file but it requires time to modify it another fastest way is using the BootStrap grid system (E.g. col-lg/col-md/col-sm) https://www.w3schools.com/bootstrap5/bootstrap_grid_basic.php

    or card property set the image on top https://www.w3schools.com/bootstrap5/bootstrap_cards.php.

    Hope this help.

    Marked as helpful
    0
  • Anthony Becarne•160
    @AbecarneSubmitted over 2 years ago
    What are you most proud of, and what would you do differently next time?

    Nothing specific, it was one of the first time I tried to really polish a component. And i think the result is good enough.

    What challenges did you encounter, and how did you overcome them?

    At first, i didn't style the body, so i had problem to center the component in the middle of the screen. I also struggled to set correct margin / padding for the text container.

    What specific areas of your project would you like help with?

    How would you guys do to set appropriate margins / paddings with a figma model ? Are you setting the size by hand or you just try multiple times to find a good looking one ?

    QR Code Component

    2
    Carson'L•100
    @Carson3377Posted over 2 years ago

    Hi @Abecarne, you can also use overflow-y or overflow: hidden; in CSS for the body section.

    Marked as helpful
    0