* {
box-sizing: border-box;
}
.container1 {
text-align: center;
display: flex;
align-items: center;
}
.container1 {
/*border : 2px solid #000;*/
overflow:hidden;
}
.container1 div {
min-height: 200px;
padding: 10px;
flex: 1;
}
.left1 {
/*background-color: #2196F3;*/
padding: 20px;
float: left;
width: 50%;
/* The width is 20%, by default */
margin-left: auto;
margin-right: auto;
}
.right1 {
/*background-color: #04AA6D;*/
padding: 20px;
float: right;
width: 50% !important;
/* The width is 20%, by default */
}
.right1 div{
margin: auto;
text-align: center;
align-items: center;
}
/* Use a media query to add a break point at 800px: */
@media screen and (max-width: 1200px) {
.container1 {
display: block;
}
}
@media screen and (max-width: 1200px) {
.left1,
.right1 {
float: none;
margin: auto;
width: auto;
border: 0;
/*border-bottom: 2px solid #000;*/
}
}
.mySlides1 {
display: none;
} |