added blog mobile responsiveness

This commit is contained in:
Joshua Perry 2022-04-17 12:50:13 +01:00
parent c002aa4b5c
commit ad511b3a1b
2 changed files with 12 additions and 1 deletions

View File

@ -14,8 +14,10 @@
<link rel="icon" type="image/svg+xml" href="assets/images/favicon.svg"> <link rel="icon" type="image/svg+xml" href="assets/images/favicon.svg">
<link rel="stylesheet" href="style/main.css" media = "screen"> <link rel="stylesheet" href="style/main.css" media = "screen">
<link rel="stylesheet" href="style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="blog/blog.css" media="screen"> <link rel="stylesheet" href="blog/blog.css" media="screen">
<link rel="stylesheet" href="style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="blog/blog_mobile.css" media ="screen and (max-width:800px)">
</head> </head>
<body id="clicked"> <body id="clicked">

9
blog/blog_mobile.css Normal file
View File

@ -0,0 +1,9 @@
.blog {
display: list-item;
}
.blog_post {
margin: 0;
padding: 0em;
border-radius: 0;
}