Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
added responsive assignment
  • Loading branch information
maa17019 committed Feb 17, 2020
1 parent 83ed118 commit 69894ee
Show file tree
Hide file tree
Showing 21 changed files with 665 additions and 18 deletions.
Binary file modified .DS_Store
Binary file not shown.
Binary file not shown.
1 change: 1 addition & 0 deletions Flexbox Micro-layouts 2/inbox-solid.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions Flexbox Micro-layouts 2/smile-regular.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Screen Shot 2020-02-10 at 5.14.03 PM.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
63 changes: 47 additions & 16 deletions css/basic-site.css
Expand Up @@ -9,28 +9,59 @@ html, body {

@media (min-width: 320px){
div .text{
top: 70px;
top: 50px;
font-size: 50px;
}
.me img{
width: 300px;
}
p{
width: 400px;
}
}

@media (min-width: 480px){
div .text{
top: 60px;
top: 50px;
font-size: 70px;
}
.me img{
width: 350px;
}
}
@media (min-width: 620px){
div .text{
top: 50px;
font-size: 80px;
}
.me img{
width: 360px;
}

}
@media (min-width: 768px){
div .text{
top: 50px;
font-size: 95px;
}
.me img{
width: 370px;

}
p{
width: 500px;
}
}
@media (min-width: 890px){
.me img{
width: 380px;

}
}
@media (min-width: 900px){



}
img{
display: block;
Expand Down Expand Up @@ -66,24 +97,27 @@ h2{

}
.me img{
width: 300px;
min-width: 300px;
max-width: 400px;
height: auto;
border-radius: 50%;
margin-top: 15px;
padding: 5px;
margin-top: 0;
padding: 25px 20px;
display: block;
margin-left: auto;
margin-right: auto;


}

p{
margin-top: 0;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
max-width: 500px;
min-width: 350px;
width: 50%;
min-width: 300px;
text-indent: 5%;
line-height: normal;
}
.one{
display: flex;
Expand All @@ -103,21 +137,19 @@ h3{
justify-content: center;

}

.three{
display: flex;
justify-content: center;
}
ul li{
font-family: 'Open Sans', sans-serif;
font-weight: bold;
font-size: 19px;
width: 50%;


}
hr{
width: 50%;
}
.three{
display: flex;
justify-content: center;

width: 90%;
}
a:visited{
color: black;
Expand All @@ -133,7 +165,6 @@ a{
text-decoration: none;
}
a:before{
content: "";
position: absolute;
width: 100%;
height: 2px;
Expand Down

0 comments on commit 69894ee

Please sign in to comment.