Any ideas on how I can better position the bottom background image in both mobile and desktop screens
LilMus
@LilMusAll comments
- @missbaahSubmitted over 2 years ago@LilMusPosted over 2 years ago
You can put this to your name-buyer div to solve your issue: display: flex; flex-direction: column; justify-content: center;
It will center the informations with the images. Then you just have to play with the margins to get everything right. The ratings needs a font-weight : 700 so everything is like the preview otherwize you work looks fine, good job bro
Marked as helpful0 - @rapha0311Submitted over 2 years ago
I I found difficulties regarding the positioning and centering of the elements
@LilMusPosted over 2 years agoGood job bro. I think it would have been better to put the background-color in the body rather than main so you don't have that white band on the bottom of the page.
Dont forget to check the style-guide file in order to have all the references for colors/font/size etc...
You should also check how to import Google Fonts directly from the link they give you so you can apply the font-weight indicated in the style-guide.
Marked as helpful0