Jump to content

Custom block borders throughout site?

Recommended Posts

Site URL: https://jasminedigital.com/

Hello!

I'm wondering how websites create "editorial-looking" borders like this that are full bleed/go the full height or width of the section? They tend to also have irregular layouts which I'm trying to achieve, but totally lost on how to go about this. I'm looking into flexboxes but I'm such a noob at CSS that I couldn't quite grasp the fundamentals.

Example 1: https://jasminedigital.com/ (Squarespace site)

Example 2: https://www.getglowbar.com/ (non-Squarespace)

 

I'm specifically trying to recreate the "WHY GLOWBAR" sidebar on the 2nd screenshot, and the 2 side-by-side sections on the 3rd screenshot.

 

image.thumb.png.5f612774d8dddf01783e61e2cb0cc72d.png

image.thumb.png.d2da4dbdbdc6256739c22474a9880871.png

image.thumb.png.5fea9c53cb5868010262adcdb8f41218.png

Link to comment
  • Replies 0
  • Views 159
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

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.