html, body {
            height: 100%;
        }
        .wrapper {
            display: flex;
            flex-direction: column;
            min-height: 100vh; /* Full height of the viewport */
        }
        .main-div {
            flex: 1; /* This allows the main content to grow and fill the space */
        }
		
		.blog-content {
            padding: 20px;
            /* Add any additional styling you need */
        }
        .blog-content::after {
            content: "";
            display: table;
            clear: both;
        }