improve stylings of article page

This commit is contained in:
M Sarmad Qadeer
2022-08-08 15:25:44 +05:00
parent 0ef5ad3523
commit e0054afbc8
2 changed files with 40 additions and 5 deletions

View File

@@ -8,9 +8,10 @@
<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon.ico">
<link href="/css/tailwind.css" rel="stylesheet" />
<link rel="stylesheet" href="/css/blogs.css">
<link rel="stylesheet" href="/css/blog.css">
<script async defer src="https://buttons.github.io/buttons.js"></script>
</head>
<body class="bg-gray-100">
<body class="sm:bg-gray-100">
<header>
<nav class="container">
<a href="/">
@@ -37,7 +38,7 @@
</header>
<section class="container">
<div class="bg-white py-12 px-6 sm:px-8 md:px-12 lg:px-16">
<div class="bg-white py-6 sm:py-12 sm:px-8 md:px-12 lg:px-16">
{{ content | safe }}
</div>
</section>

View File

@@ -1,3 +1,37 @@
body{
background-color: yellowgreen;
}
h1{
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.6px;
margin-bottom: 1rem;
}
h2{
font-size: 1.5rem;
font-weight: 500;
letter-spacing: 0.6px;
margin-bottom: 1rem;
margin-top: 1.5rem;
}
h3{
font-size: 1.3rem;
font-weight: 500;
letter-spacing: 0.6px;
margin-bottom: 1rem;
margin-top: 1rem;
}
ul li,ol li{
text-decoration: none;
list-style: none;
font-size: 1.1rem;
line-height: 30px;
letter-spacing: 0.6px;
}
pre{
overflow: scroll;
}
/* code{
width: 100%;
height: auto;
} */