Archived

This topic is now archived and is closed to further replies.

  • 0

Add border messed up the responsive layout


Question

Posted · Report post

I have a simply responsive layout like this.

 

The problem is if I try to add a 2px border all around class "block_bkgd", it messes up the grid layout.

 

What is the best CSS tips for fixing this problem?

 

Thanks!

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi,

 

Try this  structure instead.

 

<div class="row">
	<div class="span8">
		<div class="block_bkgd">
			<h3>Weekly Promotion</h3>
		</div>  
	</div>
	<div class="span4">
   		<div class="block_bkgd">
   			<h3>Call-To-Action</h3>
   		</div>
	</div>
</div>

Share this post


Link to post
Share on other sites

Posted · Report post

Let us know if that worked for you :-)

Share this post


Link to post
Share on other sites