Blog Posts layout on tablet and mobile
Hi Brizy team,
I have recorded a short screen share for you in an attempt to show you what I'm saying:
https://www.loom.com/share/aa0eeebb946c4202bf2e752c3e8c7d22?sid=a819bcd3-f28c-4890-9f0a-9752525c9c28
I'm designing a blog and on the homepage I've put 6 blog posts.
Because of spacing issues, I've put two post elements of 3 posts each. The second one has an offset so it looks just like a second row of posts.
But now what I noticed is that I cannot change the number of posts per row on the table view. So if I put 3 or 5 blog posts on mobile, I can't change that back to 2 or 4 on tablet. And so there's always an empty slot next to the last post. Is there a fix for this so I can better control how this element looks on responsive?
Thank you,
Sofia
EDIT:
In the meantime, to solve the issue, I'll do 6 blog posts together so it looks aligned on tablet. But for future reference, I'd still like to know this as I prefer having a row of 3 posts only.
What I have also noticed when I set this to 6 posts, is that on mobile I cannot make it show less posts. Since on mobile it's only one post per row, the list is quite long. Is there a way to reduce this for mobile as well?
-
Hi Sofia,
We genuinely appreciate your effort in creating the screencast.
Regrettably, we find ourselves without a viable solution to address the issue. In tablet view, we recommend maintaining the display of six blog posts to ensure proper alignment and prevent any gaps. Unfortunately, there is no available option to reduce the number of posts in mobile view due to the inherent limitations of the posts element in this context. We apologize for any inconvenience this may cause.
Warm regards,
Ariel H.0
Please sign in to leave a comment.
Comments
1 comment