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

Two text blocks to be the same height - flexbox not working


MaryAgnes

Question

Site URL: https://www.maryscholten.com/copy

Hello, I would like these two columns (the "my experience" column left and the body copy column right) to be the same height even as resolution changes. 

So instead of looking like this (screenshot from my site):

914087747_ScreenShot2020-03-31at11_34_52AM.thumb.png.a119366797099f0fd691ce505fb89657.png

It looks more like this (design I am trying to mimic):

 1237496735_ScreenShot2020-03-31at11_39_36AM.png.16f5148b2c5dee60cd2417fcdc83053e.png

Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

6 answers to this question

Recommended Posts

  • 0

You're a legend, thank you. Now I am wondering what I should look for in my website code and what to replace in your code, to apply this to the other text blocks.

Link to post
  • 0
4 minutes ago, MaryAgnes said:

You're a legend, thank you. Now I am wondering what I should look for in my website code and what to replace in your code, to apply this to the other text blocks.

Find ID, A page usually has ID: #block--, #page--, #yui--, #collection--

Try find & replace #page

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

Link to post
  • 0

I am trying to update text blocks on the same page, so there is only one page-ID. I tried using similar code using block ID's but to no avail. Is there something else I can change?

Link to post
  • 0
23 minutes ago, MaryAgnes said:

I am trying to update text blocks on the same page, so there is only one page-ID. I tried using similar code using block ID's but to no avail. Is there something else I can change?

Email Campaign copy

div#block-yui_3_17_2_1_1585611604780_145131+ .row {
    display: flex;
    flex-wrap: wrap;
}
div#block-yui_3_17_2_1_1585611604780_145131 +.row>.col {
    background: red;
}

Copywriting and editing

div#block-yui_3_17_2_1_1585611604780_138663+ .row {
    display: flex;
    flex-wrap: wrap;
}
div#block-yui_3_17_2_1_1585611604780_138663 +.row>.col {
    background: red;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

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