This project is a simple, responsive site designed entirely with HTML and CSS. This site was coded from scratch with the intent of providing a similar experience on all screen sizes.
Objective
Create a responsive site, adapting to six different screen sizes. Content must be organized 100% with HTML, appearance must be designed 100% with CSS. This site is based around actives and culture in the city of San Diego.
Mobile-First
This site is optimized for a mobile device, but scales well to table and desktop screens. As the screen size changes, images scale and columns with stack or unstack. Media queries are used to change appearance at six different break points.
Desktop View
Tablet View
Mobile View
Check Out San Diego
Full site available to view on CodePen by clicking above button. By scaling screen size, the page will respond and transform view at different points.
site by michael beausoleil © 2020
You must be logged in to post a comment.