After working on the Skeleton Framework and making adjustments to the grid design, I am facing a small gap issue on the right side. Despite things slowly falling into place, this minor gap is causing confusion. Please refer to the image below for clarification. Attached are the CSS and HTML files. Apologies for the messy CSS code, as it's a combination of three stylesheets. Any suggestions or assistance would be greatly appreciated, as I feel overwhelmed by the complexity at this point.
https://i.sstatic.net/KhKE9.png
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
...
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>Central Computers</title>
// Remaining HTML content goes here
</body>
<script src="js/menu.js"></script>
</html>