This app is a responsive web page displaying info about myself.
https://mlh-about-me.herokuapp.com/
To run this project, perform the following:
- Clone the repo in your terminal:
git clone https://github.com/bschwartz10/mlh.git
- Open home.html in your web browser
The web page is built using Vanilla HTML and CSS. The following are the steps I took to create the finished product.
-
Draw static comps for web and mobile layouts
-
Create the container, header and page content sections of the page
-
Create even margins for the header and page-content sections
-
Create the nav bar with flex-box
-
Create images and bio section with flex-box
-
Add styling to emulate the spec
-
Create @media breakpoints to create a responsive look for different size screens