Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
styled left side of 2nd row
  • Loading branch information
mdr19002 committed Feb 16, 2020
1 parent ed9fbaf commit 49a1cb9
Show file tree
Hide file tree
Showing 3 changed files with 39 additions and 13 deletions.
36 changes: 30 additions & 6 deletions css/axit.css
Expand Up @@ -144,10 +144,6 @@ textarea {
padding: 10px 0;
margin: 0;
}

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

main {
background-image: url(../img/axit_bg.jpg);
Expand All @@ -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 {
Expand Down Expand Up @@ -232,6 +247,9 @@ textarea {
display: flex;
padding: 25px 0;
}
.desktop li {
margin-left: 50px;
}
}

@media (min-width: 768px) {
Expand All @@ -241,6 +259,12 @@ textarea {
main .centered {
flex-direction: row;
}
main .centered > div {
width: 50%;
}
#raleway {
display: block;
}
#form-container {
justify-content: flex-end;
}
Expand Down
Binary file modified img/axit_bg.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 9 additions & 7 deletions wk3_axit.html
Expand Up @@ -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">
Expand Down Expand Up @@ -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>
Expand Down

0 comments on commit 49a1cb9

Please sign in to comment.