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