Prep Work: Complete CSS Styling with Enhanced Layout, Typography, and Footer

[Akwealth]

This pull request finalizes the Prep Work CSS project, improving layout, readability, and visual hierarchy. Changes include:

1. Header & Headings

   • H1 styled bold, extra-large, uppercase, with a red underline for emphasis.
   • H2 headings centered, uppercase, and visually distinct for section separation.
   • Improved spacing for both headings to create a balanced layout.

2. Main Content & Paragraphs

   • Added generous left and right margins for paragraphs (100px) to avoid text touching edges.
   • Line-height increased for better readability.
   • Strong text highlighted in bright red for emphasis.
   • Quotes italicized for differentiation and aesthetic appeal.

3. Colors & Typography

   • Dark background (#121212) with light text (#e0e0e0) for contrast and readability.
   • Bright red (#ee1818) used for headings, accents, and footer to unify the color scheme.
   • Fonts: Roboto for body, Montserrat for headings to create hierarchy and style consistency.

4. Footer

   • Bright red footer with centered content and black text.
   • Flexbox used for layout, spacing, and alignment of logo and text.
   • Footer logo properly sized and positioned.

5. Repository Cleanup

   • Removed .vscode folder from repo.
   • Updated .gitignore to ignore editor/system files, OS-generated files (.DS_Store), and optional build/output folders.

✅ Outcome:

• Modern, clean, and visually cohesive layout.
• Enhanced readability with improved spacing and typography.
• Structured and professional design demonstrating key CSS concepts.

This completes the Prep Work for CSS styling as per App Academy’s exercise.