Skip to content
Permalink
Browse files

styled left side of 2nd row

  • Loading branch information
mdr19002 committed Feb 16, 2020
1 parent ed9fbaf commit 49a1cb9b0e2367d2ddcd21b6e2389095284282e6
Showing with 39 additions and 13 deletions.
  1. +30 −6 css/axit.css
  2. BIN img/axit_bg.jpg
  3. +9 −7 wk3_axit.html
@@ -144,10 +144,6 @@ textarea {
padding: 10px 0;
margin: 0;
}

.desktop li {
margin-left: 50px;
}

main {
background-image: url(../img/axit_bg.jpg);
@@ -163,8 +159,27 @@ textarea {
align-items: center;
}

main .centered > * {
width: 50%;
#raleway {
color: white;
font-family: "Raleway", sans-serif;
display: flex;
flex-direction: column;
align-items: center;
}

#raleway h1{
font-weight: 400;
}

#raleway p {
font-weight: 300;
}

hr{
border-top: 2px solid white;
width: 60px;
align: center;
margin-bottom: 30px;
}

#form-container {
@@ -232,6 +247,9 @@ textarea {
display: flex;
padding: 25px 0;
}
.desktop li {
margin-left: 50px;
}
}

@media (min-width: 768px) {
@@ -241,6 +259,12 @@ textarea {
main .centered {
flex-direction: row;
}
main .centered > div {
width: 50%;
}
#raleway {
display: block;
}
#form-container {
justify-content: flex-end;
}
BIN -40.6 KB (90%) img/axit_bg.jpg
Binary file not shown.
@@ -13,7 +13,7 @@

<link rel="stylesheet" href="css/normalize.css">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600|Raleway:300,400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/axit.css">

<meta name="theme-color" content="#fafafa">
@@ -46,12 +46,14 @@
<div class="centered">
<div>
<img src="img/axit_logo.png" alt="AXIT logo">
<h1>MODERN AXURE TEMPLATE FOR BEAUTIFUL PROTOTYPES</h1>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean
euismod bibendum laoreet. Proin gravida dolor sit amet lacus
accumsan et viverra justo commodo.</p>
<p>Download</p>
<div id="raleway">
<h1>MODERN AXURE TEMPLATE FOR BEAUTIFUL PROTOTYPES</h1>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean
euismod bibendum laoreet. Proin gravida dolor sit amet lacus
accumsan et viverra justo commodo.</p>
</div>
<p id="download">Download</p>
</div>
<div id="form-container">
<form>

0 comments on commit 49a1cb9

Please sign in to comment.
You can’t perform that action at this time.