Anthony Becarne• 160
@Abecarne
Submitted
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 :)
Carson'L
@Carson3377
All comments
- Carson'L• 100
@Carson3377
Posted
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
@Abecarne
Submitted
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 ?
Carson'L• 100@Carson3377
Posted
Hi @Abecarne, you can also use overflow-y or overflow: hidden; in CSS for the body section.
Marked as helpful
0
