/* Basic fluid layout with percentage widths */
body {
  width: 100%; /* Fill the viewport */
main {
  width: 80%; /* Occupy 80% of the body width */
  margin: 0 auto; /* Center the main content */
/* Media query for smaller screens */
@media (max-width: 768px) {
  main {
    width: 100%; /* Make main content full-width on smaller screens */
Benefits of Fluid Layouts: