Skip to content

N
new-mobiles
Commit 4f5e2706 by Siyam Kumar
Options

flexzoom

parent a8a7a8d3
Showing with 11 additions and 37 deletions
src/App.css
body {
font-size: 1vw;
}
header { header {
padding: 15px; padding: 15px;
position: sticky; position: sticky;
...@@ -76,9 +80,10 @@ hr { ...@@ -76,9 +80,10 @@ hr {
} }
.subimage { .subimage {
margin-bottom: 30px; margin-bottom: 0.5em;
max-height: 60px; height: 3em;
max-width: 130px; width: 4em;
object-fit: contain;
} }
@media screen and (min-width: 540px) { @media screen and (min-width: 540px) {
...@@ -134,9 +139,7 @@ hr { ...@@ -134,9 +139,7 @@ hr {
} }
.mainimage { .mainimage {
max-width: 100%; width: 10em;
max-height: 300px;
} }
.part1 { .part1 {
...@@ -150,42 +153,14 @@ hr { ...@@ -150,42 +153,14 @@ hr {
.flex-container h4 { .flex-container h4 {
text-transform: initial; text-transform: initial;
font-size: 18px; font-size: 1em;
font-weight: normal; font-weight: normal;
} }
.flex-container p { .flex-container p {
font-size: 15px; font-size: 0.7em;
text-transform: uppercase; text-transform: uppercase;
opacity: initial; opacity: initial;
font-weight: normal; font-weight: normal;
} }
@media screen and (min-width: 2040px) {
.mainimage {
min-height: 320px;
}
.flex-container>div {
min-height: 400px;
}
}
@media screen and (min-width: 2380px) {
.flex-container>div {
padding-left: 100px;
min-height: 450px;
}
.mainimage{
max-height: 400px;
}
.flex-container h4{
font-size:25px;
}
.flex-container p{
font-size:22px;
}
}
} }
\ 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