Commit efc2c0f4 by Siyam Kumar

flex2

parent d335d304
...@@ -65,7 +65,6 @@ hr { ...@@ -65,7 +65,6 @@ hr {
} }
.mainimage { .mainimage {
display: block;
margin: auto; margin: auto;
max-width: 100%; max-width: 100%;
} }
...@@ -81,10 +80,11 @@ hr { ...@@ -81,10 +80,11 @@ hr {
} }
@media screen and (min-width: 540px) { @media screen and (min-width: 540px) {
.flex-container{ .flex-container {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
.flex-container>div { .flex-container>div {
width: 50%; width: 50%;
height: 100vh; height: 100vh;
...@@ -109,11 +109,11 @@ hr { ...@@ -109,11 +109,11 @@ hr {
@media screen and (min-width: 992px) { @media screen and (min-width: 992px) {
.flex-container>div { .flex-container>div {
width: 33.3%; display: flex;
min-height: 50vh; min-height: 50vh;
padding: 2%; padding: 2%;
overflow: hidden; overflow: hidden;
height: fit-content; align-items: center;
} }
header { header {
...@@ -124,34 +124,18 @@ hr { ...@@ -124,34 +124,18 @@ hr {
height: 25px; height: 25px;
} }
.part1 {
width: 50%;
display: flex;
flex-wrap: wrap;
margin-top: 25px;
}
.part2 {
width: 50%;
float: right;
}
.subimage {
height: 50px;
}
.mainimage { .mainimage {
margin-right: 0;
object-fit: contain;
max-height: 300px; max-height: 300px;
}
.part2 {
margin-left: 30px;
} }
.flex-container h4 { .flex-container h4 {
text-transform: initial; text-transform: initial;
font-size: 18px; font-size: 18px;
font-weight: normal; font-weight: normal;
margin: 2px;
} }
.flex-container p { .flex-container p {
...@@ -159,11 +143,6 @@ hr { ...@@ -159,11 +143,6 @@ hr {
text-transform: uppercase; text-transform: uppercase;
opacity: initial; opacity: initial;
font-weight: normal; font-weight: normal;
margin: 2px;
}
.desc {
margin: 0px;
} }
@media screen and (min-width: 1570px) { @media screen and (min-width: 1570px) {
...@@ -180,9 +159,12 @@ hr { ...@@ -180,9 +159,12 @@ hr {
} }
} }
@media screen and (min-width: 2560px) { @media screen and (min-width: 2040px) {
.mainimage{ .mainimage {
min-height: 500px; min-height: 450px;
}
.part2{
margin-left: 100px;
} }
} }
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment