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

Markdown Block Text Overflow on Smaller Screens


gallop

Question

Site URL: https://www.do2digital.com/

Hello,

I created side by side markdown block with text. They looked completely normal on desktop view and mobile view because I changed the border-size in css. But the texts are overflowing on tablet view (iPad). Is it possible to make the 2 side-by-side markdown blocks have the same height and prevent the text from overflowing? @tuanphan Thank you. 

Here is the link to that page: https://www.do2digital.com/blog/tipstricks/productivity/free-screen-recorders-2020

 

image.thumb.png.f8f12c85e52cf3885985f57eb453ca14.png

Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

5 answers to this question

Recommended Posts

  • 0

Add to Home > Design > Custom CSS

@media screen and (min-width:768px) and (max-width:991px) {
div#block-yui_3_17_2_1_1595669897080_71121+.row .markdown-block {
    block-size: unset !important;
}
}

 

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

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0

@tuanphan I just added your code to all of the markdown blocks and the text is not overflowing anymore. Thank you. But the 2 blocks don't have the same height. How do I make them both have the same height? Thanks 

 

image.png.45f81e8640dd3d04ddc1f2ac46965ead.png

 

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