Update style.css
d40f2d9 verified | body { |
| font-family: Arial; |
| background: #f4f4f4; |
| text-align: center; |
| } |
|
|
| h1 { |
| background: #333; |
| color: white; |
| padding: 15px; |
| } |
|
|
| .search-box { |
| margin: 20px; |
| } |
|
|
| input { |
| padding: 10px; |
| width: 250px; |
| } |
|
|
| button { |
| padding: 10px; |
| cursor: pointer; |
| } |
|
|
| #news-container { |
| display: flex; |
| flex-wrap: wrap; |
| justify-content: center; |
| } |
|
|
| .news { |
| background: white; |
| width: 300px; |
| margin: 10px; |
| padding: 10px; |
| border-radius: 10px; |
| } |
|
|
| .news img { |
| width: 100%; |
| } |
|
|
| .news h3 { |
| font-size: 18px; |
| } |