Hi I need help with my random quote machine. I used
flexbox for this project.
In normal cases, it is fine. Desktop and mobile. But when the viewport height shrinks, the text is eaten by the container. How to fix this little bug?? I’m thinking of:
- Set overflow - did the overflow in css, nothing happened.
here’s the codepen and image:
Mh…is this solved? i tried to resize the browser and everything looks fine - the scrollbar reduce your width and the content replaces itself, besides that I’m not seeing anything weird
Hi layer, I didn’t solve it yet! But yeah it works on normal situations, but in my screenshot, the text goes up the container
I would also add in css:
to lower the font size on mobiles but still keep the text readable.