Fixed Responsive Design for Mobile
This commit is contained in:
parent
2b944f6223
commit
9ad9dc390f
|
@ -4,6 +4,7 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>mawacode.de</title> <link href="css/style.css" rel="stylesheet" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<meta charset="utf-8">
|
||||
<title>mawacode.de</title>
|
||||
<link href="../css/style.css" rel="stylesheet" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<meta charset="utf-8">
|
||||
<title>mawacode.de</title>
|
||||
<link href="../css/style.css" rel="stylesheet" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
|
@ -3,7 +3,9 @@
|
|||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>mawacode.de</title> <link href="../css/style.css" rel="stylesheet" />
|
||||
<title>mawacode.de</title>
|
||||
<link href="../css/style.css" rel="stylesheet" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<meta charset="utf-8">
|
||||
<title>mawacode.de</title>
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
|
@ -49,7 +49,7 @@ nav ul li{
|
|||
|
||||
nav ul li a{
|
||||
color: black;
|
||||
font-size: 14px;
|
||||
font-size: 100%;
|
||||
padding: 5px;
|
||||
text-decoration: none;
|
||||
background-color: #e2de84;
|
||||
|
@ -102,7 +102,7 @@ h2{
|
|||
margin: 5px;
|
||||
cursor: pointer;
|
||||
background-color: #e2de84;
|
||||
padding: 0.5%;
|
||||
padding: 5px;
|
||||
box-shadow: 5px 5px 5px;
|
||||
}
|
||||
|
||||
|
@ -130,7 +130,7 @@ h2{
|
|||
|
||||
#aboutmelinks li a{
|
||||
color: black;
|
||||
font-size: 14px;
|
||||
font-size: 100%;
|
||||
padding: 5px;
|
||||
text-decoration: none;
|
||||
background-color: #e0d94c;
|
||||
|
@ -144,13 +144,13 @@ h2{
|
|||
|
||||
#catpics img{
|
||||
width: 100%;
|
||||
margin: 20px;
|
||||
margin: 8px;
|
||||
box-shadow: 10px 10px 10px;
|
||||
}
|
||||
|
||||
.technolist li{
|
||||
color: black;
|
||||
font-size: 14px;
|
||||
font-size: 100%;
|
||||
padding: 5px;
|
||||
margin: 10px;
|
||||
text-decoration: none;
|
||||
|
@ -161,6 +161,11 @@ h2{
|
|||
|
||||
@media only screen and (max-width:900px){
|
||||
|
||||
.container{
|
||||
padding-left: 4%;
|
||||
padding-right: 4%;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
|
@ -211,4 +216,8 @@ h2{
|
|||
.col-1{
|
||||
flex-basis: 100%;
|
||||
}
|
||||
|
||||
#aboutmelinks li{
|
||||
margin: 5%;
|
||||
}
|
||||
}
|
|
@ -5,6 +5,7 @@
|
|||
<meta charset="utf-8">
|
||||
<title>mawacode.de</title>
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
|
@ -3,7 +3,9 @@
|
|||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>mawacode.de</title> <link href="css/style.css" rel="stylesheet" />
|
||||
<title>mawacode.de</title>
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
Loading…
Reference in a new issue