Jump to content

jessmileur

Circle Member
  • Posts

    17
  • Joined

  • Last visited

Posts posted by jessmileur

  1. @tuanphan I've tried using the above code on a site section, and I'm not sure where it's going wrong. Prior to using the code above, I used other CSS to get the containers close to similar sizes, but I want to add this as an additional guarantee that the blocks will remain the same sizes responsively.

    Site/Section: https://www.brookesilvermanphotography.com/northern-virginia-team#northern-va-team-work

    Code: 

    @media screen and (min-width:901px) {
    div#block-yui_3_17_2_1_1656263204463_17534+.row {display: flex;}
    div#block-yui_3_17_2_1_1656263204463_17534+.row .span-12 {background-color: #ffecdd;}
    div#block-yui_3_17_2_1_1656263204463_17534+.row> .col {flex: 1;}
    }

    I have some other styling css for the image and text blocks. Pasting below in case it's interfering.

    Other code in this section:

    //Northern VA Team Work Background color//
    #northern-va-team-work{
      background: #99753b;
      margin-bottom: -22vh;
    }
    
    //N VA Team Work Image border//
    #block-yui_3_17_2_1_1656257133185_36113 img{
      border: 10px solid #ffecdd;
    }
    #block-yui_3_17_2_1_1656257133185_36113 
    .has-aspect-ratio {
          overflow: visible !important;
      }
    #block-yui_3_17_2_1_1656257133185_36113 
    .image-block-wrapper {
        overflow: visible !important;}
    
    //Northern va team work image margin right//
    
    #block-yui_3_17_2_1_1656257133185_36113{
      margin-right: 1vh;
      margin-left: 1vh;
      height: auto;
      width: auto !important;
    }
    
    //northern va team work text background//
    
    #block-62b876c4ad3f7437f1916c9b{
      background: #ffecdd;
      padding: 40px;
        margin-top: 1.89vh;
      margin-right: 1vh;
      padding-bottom:43px;
      margin-bottom: 8vh;
      margin-left: -1vh;
    }
    
    //Nothern VA team work h1//
    #block-62b876c4ad3f7437f1916c9b h1{
    color: #3f4f3b;
      padding-top: 15px;    
      font-size: 6vh;
      line-height: 5.8vh;
    }
    
    //Northern VA p team work//
    #block-62b876c4ad3f7437f1916c9b
    p{
      line-height: 1.3em !important;
      font-size: .9em;
      margin-top: -5px;
      color: black;
    }
    
    //Northern VA H3 team work//
    #block-62b876c4ad3f7437f1916c9b
    h3{
      margin-top: 4vh;
      font-family:"nexa";
      font-weight: 400;
      text-transform: uppercase;
      line-height: 1.5em !important;
      font-size: .9em;
      color: #99753b;
    }
    
    //Northern VA Margin bottom spacer//
    #block-yui_3_17_2_1_1657232578207_5360{
    margin-bottom: -6vh;
    }

     

    Thanks for any insight!

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