nataleecodes/unplugged-responsive-site-from-psd

A responsive webpage coded from scratch. Features: 3 layouts - mobile, tablet, desktop. View my site by clicking here:

"Unplugged" Responsive Music Reviews Site

A responsive webpage coded from scratch based on Photoshop PSD files from a designer.

Features

3 layouts - mobile, tablet, desktop.

Try It

Try resizing your browser window to see the three layouts, live, here: https://nataleecodes.github.io/unplugged-responsive-site/.

Skills Demonstrated

• PSD design file manipulation
• Semantic HTML
• CSS styling
• Media queries (used to implement responsive layout)
• Linked fonts

Why CSS Media Queries?

Each layout here was set up using a hand-coded media query in CSS, based on designs in a PSD file. This was a learning exercise to help me understand viewports. I have used Flexbox and Bootstrap in other site layouts, soon to be uploaded to new repositories. Jan 2018 goal: learn CSS Grid!