Issue
So on desktop I want 4 columns with an image above the text like the first image (so col-3), very easy. (I have the image and text in the same col)
but on mobile I want the icon appear on the left and the text on the right as per the second image.
i have tried floating the image lleft and the text right but that doesnt work I tried splitting the image and the text but they won't line up properly on all screen sizes if i do. This feels like it should be so easy but my brain is stuck.
Solution
You can try using Flex instead of floating divs for the div that contains col
class
See here an example - https://playcode.io/995433 (Try to resize the playground viewport to see the mobile layout). I hope this is what you need. I've used BS inline classes for convenience.
Answered By - satira
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.