space between boxes

  • Hi, why can’t I put any space between the between the boxes? I put margin-right:50x; just for testing purposes on both the infoBox and the .flip3D .Front classes but neither worked.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter mindiapolis

    (@mindiapolis)

    Also, how can I make the boxes the same height when they flip? if you could answer these two questions ASAP that would be great!

    Thread Starter mindiapolis

    (@mindiapolis)

    I reworked some of the CSS but still can’t resolve either problem. Also,, how can I get the boxes to be the same height when they flip? Sharla
    l

    
#mainText {
	margin-left:15px; 
	margin-top:5px;

}
.front {
	display:block;
	position:relative;
	min-height:255px;
}
.flip3D {
	width:305px;
	height:255px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:150px
}

.flip3D > .front {
	margin-right:5px;
	position:absolute;
	transform:perspective(600px) rotateY(0deg); 
	-webkit-transform:perspective(600px) rotateY(0deg);
background:#79A696;width:305px; height:22px;/*won't change height.*/ 
	border-radius:7px;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	transition:transform .5s linear 0s;
	transition: -webkit-transform .5s linear 0s;
	font-size:24pt;
	
}

.flip3D > .back {
	margin-right:5px;
	position:absolute;
    transform:perspective(600px) rotateY(180deg); 
	-webkit-transform:perspective(600px) rotateY(180deg); 
    background:black; width:305px; 
	height:225px; /*change the box height*/
	border-radius:7px;
	padding:10px;
	color:#ffffff;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	transition:transform .5s linear 0s;
	transition: -webkit-transform .5s linear 0s;
}

.flip3D:hover > .front{
	transform: perspective(600px) rotateY(-180deg);
	-webkit-transform: perspective(600px) rotateY(-180deg);
}

.flip3D:hover > .back{
	transform: perspective(600px) rotateY(0deg);
	-webkit-transform: perspective(600px) rotateY(0deg);
}

#contactUs {
	clear:left;
	background-color:#79A696;
	height:80px;
	width:210px;
	
	margin-top:120px;
	margin-left:auto;;
	margin-right:auto;
	border-radius:50%;
	text-align:center;
	color:#ffffff;
	font-family:'Chivo', sans-serif;
	font-size:24pt;
}
#footer-core {
	text-align:center; 
}
#header-core {
	display:none;
}
#sub-footer {
	display:none;
}

#footer-core h3.footer-widget-title {
  display: none;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘space between boxes’ is closed to new replies.