Jump to content

7.1 Split section in 3

Recommended Posts

Hi all,

Is it possible for me to split a section into 3? 

I have split sections in half via the following code:

@media only screen and (min-width: 641px){    

#collection-5eeab6f63e3c7674efe5c5ea {        

#page .page-section:nth-of-type(3) {       
width: 50%;
min-height: 100vh;          
align-items: left;          
float: right;     
}      

#page .page-section:nth-of-type(4) {       
width: 50%;          
min-height: 100vh;          
align-items: right;      
}    

}  

}

Any help would be much appreciated.

Thanks so much in advance.

Chanel

Link to comment
  • 1 month later...
  • Replies 8
  • Views 1.5k
  • Created
  • Last Reply
On 9/8/2020 at 11:54 AM, Robert914 said:

Hi Tuan, I need help on this. How can I split a section into three equal parts?

Thank you so much

Do you have a simple mockup? We can use Code Block. 

However, each different layout will need a different Code Block

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
  • 3 months later...
On 1/8/2021 at 3:23 AM, simkrys said:

@tuanphan i posted about this again but just found this topic through google search. i'm looking to create a layout like this https://maryloufaure.com/pages/about

thanks!

Do you use SS 7.0 or 7.1, Personal or Business Plan?

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.