mobile layour bug fixes
parent
da99a1a6d3
commit
dc7758fe54
|
@ -2,6 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>wsor4035 homepage</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="css/bc_home.css">
|
||||
</head>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
.content{
|
||||
width: 40%;
|
||||
width: 95%;
|
||||
margin: 20px auto;
|
||||
text-align: center;
|
||||
background: black;
|
||||
|
@ -7,6 +7,15 @@
|
|||
border: 1px solid #bebebe;
|
||||
}
|
||||
|
||||
|
||||
/* Medium screens and above */
|
||||
@media (min-width: 768px) {
|
||||
.content {
|
||||
width: 40%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.content p{
|
||||
padding: 20px 20px;
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
.content{
|
||||
width: 40%;
|
||||
width: 95%;
|
||||
margin: 20px auto;
|
||||
text-align: center;
|
||||
background: black;
|
||||
|
@ -7,6 +7,13 @@
|
|||
border: 1px solid #bebebe;
|
||||
}
|
||||
|
||||
/* Medium screens and above */
|
||||
@media (min-width: 768px) {
|
||||
.content {
|
||||
width: 40%;
|
||||
}
|
||||
}
|
||||
|
||||
.content p{
|
||||
padding: 20px 20px;
|
||||
}
|
||||
|
|
|
@ -43,7 +43,7 @@ nav ul{
|
|||
|
||||
nav ul > li{
|
||||
display: inline-block;
|
||||
margin-left: 70px;
|
||||
margin-left: 5vw;
|
||||
padding: 10px 0;
|
||||
|
||||
}
|
||||
|
|
|
@ -2,6 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>wsor4035 homepage</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="stylesheet" href="css/index.css">
|
||||
</head>
|
||||
|
|
|
@ -2,6 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>wsor4035 homepage</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="stylesheet" href="css/projects.css">
|
||||
</head>
|
||||
|
|
Loading…
Reference in New Issue