/* Add these styles to your component's CSS file or a global stylesheet */

.blog-container {
    display: flex;
    justify-content: space-between;
}

.blog-list {
    flex: 1;
    margin-right: 20px; /* Adjust spacing as needed */
}

.blog-form {
    flex: 2; /* Adjust this if you want the form to be wider or narrower */
}

.blog-form form {
    width: 100%;
}


.result-container {
    border: 1px solid #ddd;
    padding: 1rem;
    border-radius: 4px;
    background-color: #f9f9f9;
}

.result-container h4 {
    margin-bottom: 1rem;
}
