Jump to content

Make text blocks same size & reduce from 3 to 2 in a row on tablet view

Recommended Posts

Posted

Site URL: https://www.heyfieldday.com/support-center-designed-v3

PW: support

I have support category cards (which are just stylized text blocks), and I need help doing the following: 

  1. Making all cards the same size. 
  2. On tablet view, changing number of cards in a row from 3 & 2 to 2 & 2 & 1. I like how the cards look on mobile view, when it just shows 1 per row; but tablet view makes the cards really narrow and long. 

Any help is much appreciated! 

  • Replies 4
  • Views 573
  • Created
  • Last Reply

Top Posters In This Topic

Posted
1 hour ago, catalin said:

Hi @tuanphan

Same width and height for all blocks. So that they are uniform, similar to this: https://support.gusto.com/

Actually, scratch that @tuanphan, the uniform blocks are not important. I just need tablet view to show 2 per row. Can you help?

Posted
On 3/16/2022 at 3:13 AM, catalin said:

Site URL: https://www.heyfieldday.com/support-center-designed-v3

PW: support

I have support category cards (which are just stylized text blocks), and I need help doing the following: 

  1. Making all cards the same size. 
  2. On tablet view, changing number of cards in a row from 3 & 2 to 2 & 2 & 1. I like how the cards look on mobile view, when it just shows 1 per row; but tablet view makes the cards really narrow and long. 

Any help is much appreciated! 

The url doesn't exist. Can you check it again?

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!)

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.