Search code examples
htmlcsstemplatesbloggerresponsive-images

How do I place this text below, on mobile view (blogger website)?


so I am brand new to web development (and to anything that requires code) and I've encountered this issue when working on my blogger website. I imported the theme template and I'm currently trying to learn to work with it.

this is how it looks on desktop (this is fine)

And this is how it looks like on something like an IphoneX (I suppose I'd want the text to be placed below instead

I'm not exactly sure what part of the code I should copy in here so I'll just type in the url:

psycoachalpha.blogspot.com

If anyone can help me fix this, or if you need any more information to do so, let me know. Thanks!


Solution

  • You can use a flexbox approach with flex-wrap: wrap, so the overflowing item gets on a new line