Make margins look better
Before
/* Custom CSS for containing the blog post content with margin */
.post {
margin: 20px auto; /* Adjust the margin as needed */
padding: 20px; /* Adjust the padding as needed */
max-width: 1200px; /* Adjust the max width as needed */
background-color: #ffffff; /* Optional: Set a background color */
border: 1px solid #dddddd; /* Optional: Add a border */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Optional: Add a shadow */
}
/* Override H1, H2, H3 styles */
.post h1 {
font-size: 2.5em;
font-weight: bold;
margin-top: 20px;
margin-bottom: 20px;
}
.post h2 {
font-size: 2em;
font-weight: bold;
margin-top: 20px;
margin-bottom: 15px;
}
.post h3 {
font-size: 1.75em;
font-weight: bold;
margin-top: 15px;
margin-bottom: 10px;
}