@Callyx2002
Yeni
@YeniUvwoAll comments
- @YeniUvwo
Well done on your first project!
Kindly note that whenever you want to set a width, it is advisable to set a width in % alongside a max-width in px.
Also, avoid setting heights. Instead use padding.
For your fonts, use rems. For your paddings and margins, use ems.
Hope this helps.
Ps. You can check out Kevin Powell’s course on conquering responsiveness.
- @MisterCcobD@YeniUvwo
To get the slim rectangular shape in mobile, don’t just set a width of 90%, you need to add a max-width in px on your .component and on your image.
Kindly note that it is advisable to always start your designs with mobile first.
To adjust your design, try reducing your % and set a max-width for the bigger screen. Hope this helps.
Marked as helpful - @harolddatus@YeniUvwo
On your qr-card__image, instead of max-width 100%. Do a width of 100% and a max-width of your preferred width in px.
Just note that if you have to set a width, it is advisable you set a width in % and a max-width in px. This will prevent that styled element from expanding past a certain width on larger screens.
