Skip to content
Permalink
Browse files

added responsive assignment

  • Loading branch information
maa17019 committed Feb 17, 2020
1 parent 69894ee commit 71703a42b8013c93cae666ec54d7a3d5b58f8c41
BIN +0 Bytes (100%) .DS_Store
Binary file not shown.
Binary file not shown.
@@ -329,7 +329,7 @@ width: 100%;
align-items: center;
justify-content: space-around;
}
}


.white{
line-height: normal;
@@ -402,11 +402,13 @@ width: 100%;
}
#footer-two{
height: 100%;
}

}

@media (min-width: 480px){
#bg {
height: 175%;
height: 185%;
}
}
@media (min-width: 590px){
@@ -419,6 +421,50 @@ width: 100%;
.column-one p{
width: 600px;
}
}
@media (max-width: 649px){
.big-logos img{
width: 80%;
margin-left: 10%;
text-align: center;
margin-bottom: 10px;

}

}
@media (max-width: 775px){
/*footer!*/

#footer-one{
background-color: white;
height: 25vh;
display: flex;
flex-direction: column;

}
.big-logos img{
width: 70%;
margin-left: 16%;
text-align: center;
margin-bottom: 10px;

}

.white h5{
color: black;
font-family: 'Open Sans';
font-size: 1em;
text-align: left;
}
.white p{
color: black;
font-family: 'Open Sans';
font-size: 0.8em;
text-align: left;
width: 90%;
}
}

}
@media (min-width: 650px){
#bg {
@@ -442,9 +488,15 @@ width: 100%;
.column-one p{
width: 600px;
}

/*footer!*/
.big-logos img{
width: 100%;
}
.white p{
font-size: 0.7em;
width: 70%;
}
}

@media (min-width: 950px){

#bg {
@@ -462,6 +514,14 @@ width: 100%;
.column-one p{
width: 350px;
}
/*footer!*/
.big-logos img{
width: 85%;
}
.white p{
font-size: 0.7em;
width: 70%;


}

@@ -476,6 +536,15 @@ width: 100%;
.column-one p{
width: 400px;
}
/*footer!*/
.big-logos img{
width: 85%;
}
.white p{
font-size: 0.7em;
width: 70%;
}

}
@media (min-width: 1100px){
#bg {
@@ -487,6 +556,7 @@ width: 100%;
.column-one p{
width: 500px;
}

}

@media (min-width: 1200px){
@@ -504,6 +574,37 @@ width: 100%;
.column-one p{
width: 600px;
}
/*footer!*/

#footer-one{
background-color: white;
height: 21vh;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
}
.big-logos img{
width: 90%;
}

.white h5{
color: black;
font-family: 'Open Sans';
font-size: 1em;
margin-bottom: 0px;
margin-left: 10%;
margin-top: 20px;
}
.white p{
color: black;
font-family: 'Open Sans';
font-size: 0.8em;
margin-top: 5px;
margin-left: 10%;
margin-bottom: 20px;
width: 70%;
}
}


BIN +0 Bytes (100%) week-4/.DS_Store
Binary file not shown.
@@ -0,0 +1,47 @@
body, html{
background-color: white;
}

.container{
width: 100vw;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
line-height: 80%;


}
.image{
width: 5%;
height: auto;
}
h1, h3{
font-family: Arial, Helvetica, sans-serif;
color: #8a9496;
}
h1{
font-size: 50px;
}
h3{
font-size: 30px;
}
button{
height: 50px;
margin: 20px 0px;
background-color: #48bce2;
color: white;
font-weight: bolder;
font-family: 'Open Sans';
border: solid white 2px;
font-size: 15px;
color: white;
padding: 10px 25px;
border-radius: 10px;
border: 2px solid #409db2;

}
button:hover{
text-decoration: underline;
}
Binary file not shown.
Binary file not shown.
File renamed without changes.
@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Layout #2</title>
<link href="css/index.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<div class="container">
<div class="image">
<img src="img/smile-regular.svg"/>
</div>
<h1>Welcome to the app!</h1>
<h3>Thanks for signing up. Let's take a look around</h3>
<button type="submit" name="Get Started">Begin tour</button>


</div>
</body>
</html>

0 comments on commit 71703a4

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