Responsive design


I have this layout here, and I am trying to figure out what would be the best possible layout for tablets and mobiles.


Maybe I should put the big card full width and the 4 small cards in one line?
What do you think

1 Like

It’s going to depend on lots of factors but putting all 4 small cards in a line is going to make them rather small, isn’t it? I’m not going to attempt to draw it, but why not have the 4 small cards as you have them at present underneath the big card…

1 Like

mm yes that sound better.

and I can center the elements until they will start shrinking maybe

Or you could turn those 4 small cards into a slideshow that shows 1 at a time, if you dont like how tall the 4 small cards make your page :slight_smile: .

1 Like

yes this also sounds good

The layout you posted is good, but I think you must clarify the content that will be present on the page.

yeah that’s true.

here is a more complete version of it.

Let me know if you have any ideas about it

I would put the larger card full width at top, then the next two cards side by side, then the next two cards side by side.

The smaller cards have very little information, so they can go side by side. If they have more text copy, then one at a time in a row is better so they don’t get so tall.


Looks good, but I doubt the two lower cards on the right side of the page (top subject and top keyword). Is it the right place for them? Three cards are devoted to authors, so these two look odd, but…Idk, it’s just my opinion, I’m not an expert.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.