Skip to content

N
new-mobiles
Commit c33f9fd2 by Siyam Kumar
Options

gridzoom

parent 24a22296
Showing with 17 additions and 26 deletions
src/App.css
body{
font-size: 1vw;
}
header { header {
padding: 15px; padding: 15px;
position: sticky; position: sticky;
...@@ -76,7 +81,7 @@ hr { ...@@ -76,7 +81,7 @@ hr {
} }
.subimage { .subimage {
margin-bottom: 30px; margin-bottom: 20px;
max-height: 60px; max-height: 60px;
max-width: 130px; max-width: 130px;
} }
...@@ -130,6 +135,7 @@ hr { ...@@ -130,6 +135,7 @@ hr {
overflow: hidden; overflow: hidden;
align-items: center; align-items: center;
min-height: 350px ; min-height: 350px ;
padding: 3em;
} }
header { header {
...@@ -140,41 +146,27 @@ hr { ...@@ -140,41 +146,27 @@ hr {
height: 25px; height: 25px;
} }
.subimage{
height: 5em;
width: 5em;
object-fit: contain;
}
.mainimage { .mainimage {
max-width: 100%; width: 10em;
max-height: 280px; /* height: em; */
} }
.grid-container h4 { .grid-container h4 {
text-transform: initial; text-transform: initial;
font-size: 16px; font-size: 1em;
font-weight: normal; font-weight: normal;
} }
.grid-container p { .grid-container p {
font-size: 13px; font-size: 0.8em;
text-transform: uppercase; text-transform: uppercase;
opacity: initial; opacity: initial;
font-weight: normal; font-weight: normal;
} }
@media screen and (min-width: 1570px) {
.mainimage {
min-height: 250px;
}
}
@media screen and (min-width: 2040px) {
.mainimage {
min-height: 350px;
}
}
@media screen and (min-width: 2380px) {
.grid-container>div {
padding-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