Skip to content

N
new-mobiles
Commit a825f560 by Siyam Kumar
Options

3column

parent 1cc0d38d
Showing with 34 additions and 43 deletions
public/index.html
<!DOCTYPE html>
<html>
<head>
......
src/App.css
......@@ -31,11 +31,11 @@ header>img {
hr {
border: 1px solid #faf8f8;
}
}
.container>div {
padding: 40px;
min-height: calc(100% - 50px);
min-height: calc(100vh - 50px);
box-sizing: border-box;
}
......@@ -84,66 +84,57 @@ hr {
.container>div {
float: left;
width: 50%;
min-height: 100%;
}
.mainimage {
min-height: 200px;
min-height: 100vh;
padding-top: 70px;
}
.subimage {
margin-top: 25px;
.mainimage {
min-height: 36vw;
}
header {
position: fixed;
background-color: initial;
filter: invert(1);
}
}
}
@media screen and (min-width: 780px) {
.container > div {
.container>div {
width: 33.3%;
min-height: 50%;
}
padding: 50px;
}
}
@media screen and (min-width: 992px) {
.container>div {
width: 33.3%;
min-height: 50%;
padding: 50px;
}
.mainimage {
float:right;
margin-top:-170px;
max-width: 200px;
max-height:150px ;
}
.desc{
max-height: 65px;
}
float: right;
margin-top: -160px;
max-width: 120px;
min-height: 160px;
}
.container h4{
font-size: small;
max-width: 30%;
.container h4 {
max-width: 20%;
text-transform: initial;
font-size: 15px;
}
.container p{
font-size: 13px;
float: left;
text-transform: uppercase;
margin-top: initial;
.container p {
font-size: 13px;
float: left;
text-transform: uppercase;
}
hr{
hr {
width: 50%;
float: left;
margin-right: 115px;
margin-right: 120px;
}
.subimage{
margin-bottom: 13px;
margin-top: 60px;
}
.container h4 {
text-transform: initial;
font-size: 15px;
}
}
\ 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