/* Golden Ratio Layout */ .main-box { width: 377px; height: 377px; } .large-box { width: 233px; height: 233px; } .medium-box { width: 144px; height: 144px; } .small-box { width: 89px; height: 89px; } /* Responsive Design */ @media (max-width: 768px) { .main-box { order: 4; } .large-box { order: 1; } .medium-box { order: 2; } .small-box { order: 3; } }