.header { width: 100%; padding: 10px 15px; box-sizing: border-box; } .date { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; font-size: 16px; } .left-date { text-align: left; } .center-title { flex: 1; text-align: center; font-weight: bold; } /* Mobile Responsive */ @media (max-width: 768px) { .date { flex-direction: column; text-align: center; } .left-date, .center-title { width: 100%; text-align: center; } }