Jump to content

Responsive blog and summary cards

Recommended Posts

Hi all, 

I am trying to make my blog grid items and summary block items look like cards. I have managed to add a white background and sometimes a border but once the page size changes, the background doesn't 'hold' the read more link and the excerpt. 

Is there a way of making this responsive so that all the wording stays within the card?

I have tried to search but cant find anything. 

any help appreciated. 

an example of the page is https://theactionists.co.za/store

Link to comment
  • Replies 6
  • Views 407
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

@tuanphan Ah thanks so much. The height was there because I want them all to bee the same height, the problem is if the title or excerpt are longer on some of the items then the boxes are different sizes. 

Ideally, I want the read more link to stay at the bottom of each item aligned across each item and the boxes to be the same size regardless of excerpt length. 

Does that make sense?


Link to comment
On 6/25/2023 at 3:48 PM, ThommyP said:

@tuanphan Oh ok, that sounds complicated. there is no way of telling the read more link to align to the bottom of the container?


You can remove your fixed height code, I can check & give the code

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.