MaryAgnes Posted March 31, 2020 Share Posted March 31, 2020 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): It looks more like this (design I am trying to mimic): Link to comment
tuanphan Posted March 31, 2020 Share Posted March 31, 2020 div#page-5e79719043a2c54bbc968650>.row:nth-child(2) { display: flex; flex-wrap: wrap; } div#page-5e79719043a2c54bbc968650>.row:nth-child(2)>.col { background: red; } 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
MaryAgnes Posted April 1, 2020 Author Share Posted April 1, 2020 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 comment
tuanphan Posted April 1, 2020 Share Posted April 1, 2020 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 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
MaryAgnes Posted April 1, 2020 Author Share Posted April 1, 2020 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 comment
tuanphan Posted April 1, 2020 Share Posted April 1, 2020 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; } 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.