Nathan Taylor Portfolio


project logo

Gallery Design

Date: 5/17/2020-5/18/2020

My Role: Entire Project

Project Type: Website Design

Languages/Plugins: HTML, CSS, JavaScript, JQuery, Colorbox

I really enjoyed learning how to use grids in CSS to make the gallery.

This was a school project where we had two weeks to design a website with a gallery.

I spent the first week planning how I wanted the site to look and function. The second week was spent trying to implement a responsive grid for the images. Near the end of the week I merged the gallery page into the Dessert First website I created.

If I were to do this project again, I would spend more time making sure everything was responsive, and less time on the site's story.

small_slide_1.png
small_slide_2.png
small_slide_3.png
small_slide_4.png
small_slide_5.png

Design Sketches and Final Layout

desktop_gallery_grid.png
desktop_gallery_main.png
desktop_gallery_hover.png
mobile_gallery.png
tablet_gallery.png
tablet_gallery_grid.png