.wrapper {
     display: flex;
     gap: 20px;
 }

 .left-sidebar,
 .right-sidebar {
     width: 20%;
     background: #f4f4f4;
     padding: 15px;
 }

 .content {
     width: 60%;
 }

 .posts-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
     gap: 20px;
 }

 .post-card {
     border: 1px solid #ddd;
     padding: 15px;
     background: #fff;
     border-radius: 8px;
     text-align: center;
 }

 .post-image {
     width: 100%;
     height: auto;
     border-radius: 5px;
 }

 .excerpt {
     font-size: 0.9rem;
     color: #555;
     margin-top: 10px;
 }