From f679929b97b8dc63391b11b8ae8d563d5be48f5e Mon Sep 17 00:00:00 2001 From: BYUIOMDA Date: Sat, 16 Sep 2023 19:25:56 -0600 Subject: [PATCH] 0.00.6 --- styles/larger.css | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) diff --git a/styles/larger.css b/styles/larger.css index f99d047..f5eaa13 100644 --- a/styles/larger.css +++ b/styles/larger.css @@ -14,3 +14,33 @@ main { } /* Add more styles specific to larger view as needed */ +/* Larger Views */ +@media (min-width: 640px) { + body { + font-size: 100%; /* Reset the font size */ + } + + header, + main { + max-width: 100%; /* Expand to the full width of the screen */ + } + + h1 { + font-size: 3rem; /* Adjust the font size as needed */ + } + + nav ul { + display: flex; + justify-content: center; /* Center the navigation horizontally */ + } + + nav ul li { + flex: 1; /* Distribute navigation items evenly */ + } + + nav a { + padding: 1.5rem; /* Adjust the padding as needed */ + } + + /* Add more styles for larger screens as needed */ +}