Hello, i tried to copy the fcc project as best as i could (didnt spend much time to change the colors of the block though).My main issue is the resposiveness. In mobile view the list is messed up . Any advices?
Thank so much for you time.
Hello, it looks good to me.
/the list is very narrow in mobile view as you have your margins set to 30%. That’s quite a lot of blank space generated on a small screen.
Instead, you could try setting a max width of your body to e.g. 900px to achieve the same look for desktop which would then not require the 30% margin. You would then need to centre everything too. This would then look better on mobile as you wouldn’t have a margin.
Later in the course you will learn about media queries that allow for different CSS rules under certain conditions, such as screen size.
2 Likes
Thank you very much for your advice i will try it when i get home!
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.