Markdown Blocks Are Overlapping

Slight frustration trying to get CSS to cooperate. I as finally able to get all my markdown block lined up but, are having issues with overlapping blocks when in certain viewing sizes. 

Mobile seems to work well, same as dull desktop .I'm on 7.0 and have no plans to move the site to 7.1 at this time. 

2 minutes ago, RATX said:

 

Slight frustration trying to get CSS to cooperate. I as finally able to get all my markdown block lined up but, are having issues with overlapping blocks when in certain viewing sizes. 

 

Mobile seems to work well, same as dull desktop .I'm on 7.0 and have no plans to move the site to 7.1 at this time. 

 

 

 

What is the site URL?

Markdown can be found here on the site

austinbarbell.com/home
austinbarbell.com/join

Because the text too big, so it will create box width increase, so on some screen sizes, you will see problem

You can set some CSS (Website Tools > Custom CSS) like this to resize text on specific sizes

@media screen and (min-width:700px) and (max-width:870px) {
    .markdown-block span {
        font-size: 20px !important;
    }
}

Thanks attempting this fix today