Skip to content

WebDevJoshB/Hyundai-Rewards-2014-Holiday-Mailer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Hyundai Rewards 2014 Holiday Mailer

Link to Holiday Mailer

More info coming soon.

Features

  • Responsive layout to adapt to different screensizes and devices.
  • CSS Animation (where supported) - Snowfall effect.
  • More info to come.

Challenges and Solutions

Coming soon.

Responsive Layouts

To view responsive layouts, there are three options:

  1. View screenshots various screen widths.
  2. Use a web browser's DevTools to simulate different layouts.
  3. Manually resize the browser.

1. Screenshots

The following are screenshots of each template at various screen widths.

320px | 480px | 600px | 768px

2. DevTools

To open the browser's DevTools, press F12 or Control+Shift+I (Windows, Linux) or +Option+I (macOS).

Note that simulations only give an approximation of the mobile or device user experience while using a web browser.

How to use DevTool: Chrome | Firefox | Microsoft Edge | Safari

3. Resize the browser

Note that using a web browser only gives an approximation of the mobile or device user experience in a web browser.