Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Question regarding using flex for equal-height text boxes in 7.1.


ampddesigns

Question

Site URL: https://iguana-copper-zhle.squarespace.com/what-we-do

Site password: scheffer

 

Hello! Hoping someone can help solve 2 things here:

1. Vertically center align the text in the gold boxes. (Nothing seems to be working!)

2. Remove the gold border from the last box in the section, which is a spacer.

 

Here is the current code:

 

[data-section-id="602ed814a1a8ab1c15d4379f"] .sqs-row {
display:flex!important;
  flex-wrap:wrap!important;
    justify-content: center!important;
}
[data-section-id="602ed814a1a8ab1c15d4379f"] .sqs-col-6 {
  border:solid 2px #b89057!important;
  margin:20px!important;
  flex: 1 330!important;
  padding:10px!important;
  justify-content: center!important;

 

Any suggestions greatly appreciated!

Link to post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

1 answer to this question

Recommended Posts

  • 0

Solved with this!:

 

[data-section-id="602ed814a1a8ab1c15d4379f"]{
.sqs-col-6, .sqs-col-5 {
  border:solid 2px #b89057!important;
   margin:20px!important;
  padding:10px!important;
  }
}
@media screen and (min-width: 750px) {
[data-section-id="602ed814a1a8ab1c15d4379f"] .sqs-row {
display:flex!important;
flex-wrap:wrap!important;
.sqs-col-7 {
width: 50%!important;
}
.sqs-col-6, .sqs-col-5 {
display: flex;
align-items: center;
width: 50%!important;
border:solid 2px #b89057!important;
margin:20px!important;
flex: 1 330!important;
padding:10px!important;
}
}
}

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...