Skip to content

S
Simple-responsive-layout
Commit 1514e03a by Vinod
Options

Updated to flex box layout

parents f9148c92 5419f4b8
Showing with 4 additions and 0 deletions
CSS/style.css
...@@ -85,17 +85,20 @@ body { ...@@ -85,17 +85,20 @@ body {
.main-logo { .main-logo {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
max-width: 100%;
width: 15%; width: 15%;
margin: 25px 0 0 25px; margin: 25px 0 0 25px;
} }
.column .images { .column .images {
display: flex; display: flex;
max-width: 100%;
width: 35%; width: 35%;
margin: 5rem 0 0 19rem; margin: 5rem 0 0 19rem;
} }
.row .column .image1 { .row .column .image1 {
max-width: 100%;
width: 13%; width: 13%;
margin-left: 18rem; margin-left: 18rem;
position: absolute; position: absolute;
...@@ -104,6 +107,7 @@ body { ...@@ -104,6 +107,7 @@ body {
.row .column .image2 { .row .column .image2 {
display: flex; display: flex;
max-width: 100%;
width: 55%; width: 55%;
margin: 12rem 0 0 14rem; margin: 12rem 0 0 14rem;
} }
......
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