I had issues with making the page fit to screen sizes of apple ipad. it had an horizontal scroll bar. How can i make the whole page fit the screen without loosing content?
I would also like a feedback on my code. Thanks
Hi! I am also a newbie, however. Upon inspecting using chrome developer tools you have forced a padding of 100px on top of whatever the inside content is!
Getting rid of it in the whole-container class immediately curtails the horizontal scrolling. Also, reducing the padding to relative sizes such as 3rem certainly helps. For me, I would have wrapped all the contents in a div just after the body with 80% width. Then I can use margin: auto to centralize all the content.
This is my first challenge and I'm new to developing ! I've posted this challenge once but the website wasn't responsive. I've learned about flexbox and mediaqueries and after many hours, it is finally responsive :D
Not sure that my code is very clean though, can I have your thoughts please ?
Also, when this is a mobile screen, the stars and the text from the ratings are not exactly centered in the box and I couldn't find a way to do it...so if you know how to do this, it would be very helpful :)
Thanks !
I am also a newbie! Just got to know, we have to do mobile first and then move on to bigger screens. Seems like that is the convention.
And as for the second question I used a media query. So when a breaking point on the screen occurs, I change the review bar container which is a flexbox to have a flex-direction of a column.
All the stars are in a division which is directly a child of the review bar container and the text is in a separate paragraph on the same level as the division.
I hope this helps.
