/* Define the overall container for the news blog */ .news-blog { width: 80%; /* Width of the blog */ margin: 0 auto; /* Center the blog on the page */ } /* Define the style for each news article */ .news-article { padding: 20px; /* Add some padding to the article */ margin-bottom: 30px; /* Add some space between articles */ border-radius: 5px; /* Add rounded corners to the article */ background-color: #f5f5f5; /* Add a light gray background color to the article */ } /* Define the style for the article title */ .news-article h2 { margin-top: 0; /* Remove the margin from the top of the title */ margin-bottom: 10px; /* Add some space between the title and the article content */ font-size: 24px; /* Make the font size of the title larger */ font-weight: bold; /* Make the title text bold */ } /* Define the style for the article content */ .news-article p { font-size: 18px; /* Make the font size of the content smaller */ line-height: 1.5; /* Add some line spacing to the content */ text-align: justify; /* align the text to both sides of the paragraph */ } /* Define the style for the article's image */ .news-article img { max-width: 100%; /* Make sure the image does not exceed the width of the article */ height: auto; /* Make the image's aspect ratio match that of the original image */ }