Mobile Ready Demo - jesus-404/bubblery.github.io GitHub Wiki

Description

Sizing

Using Bootstrap, React.JS, and SASS, the website automatically restyles to fit the devices on which it is being viewed. Bootstrap automatically restyles on its pre-built components. Meanwhile, for custom components, React.JS was used to render components based on screen size and SASS was used to create mixins that can style a component depending on the max-width or min-width of the device.

Images

Homepage

Desktop

Mobile

Menu

Desktop

Mobile

Product

Desktop

Mobile

Rewards

Desktop

Mobile

Gift Cards

Desktop

Mobile

Log In

Desktop

Mobile

Sign Up

Desktop

Mobile

Account

Desktop

Mobile