Burgerlords 04
Burgerlords
A recreation of the LA restaurant Burgerlords' website. (Their original site has since changed)
Main aim with this project was to strengthen HTML/Sass (SCSS), grid, flexbox, and javascript skills. Created a pixel-perfect copy of the original website. Learned keyframe animations and made improvements where I saw fit.
HTML / Sass (SCSS) / JavaScript
CSS Animations
CSS keyframe animations for page transitions and hiding/displaying header on scroll provided for a subtle but effective way to enhance user experience.
Grid Layouts
Combination of grid and flexbox made for easy positioning of responsive text and image elements on this menu page.
Photo Gallery
CSS grid for an easy responsive image gallery of different sized images.
Desktop (1080)
iPad Pro
iPhone X
Responsive
Responsive so website can be viewed on desktop, tablets, or mobile phones.
Challenges
The biggest challenge was...
Creating a custom hover effect using Javascript
Tech
HTML
SASS (Scss)
Javascript
Next Project