Skip to content

rkooyenga/mod2_solution

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

mod2_solution - Responsive Layout

view solution site

My submission for the Module 2 challenge in the Johns Hopkins University, Web Programming course. A CSS only responsive web layout demo making use of media query breakpoints and that follows specific media queries breakpoints and grid to meet the assignment specs and adding a few extra touches.

Assignment Specs

  • Responsive design with layouts for large, medium, and small screens according to assignment spec
  • Grid-based layout for organizing content.
  • Use of semantic, accessible HTML.
  • Consistent color scheme and readable typography.

Extras

  • Self-hosted WOFF2 fonts compressed from True Type Files using ttf-to-woff2
  • A logo and dummy company branding aligned demonstrating Flexbox.
  • 3D animations and shadows for a polished look.

-by Ray Kooyenga