Page 2

After finishing the first page, I started working on the second page.

The first I did was try to replicate the framework using basic HTML and CSS.

Wireframe

Using pixel measurements, I created a row that fit perfectly, and multiplied it three times.

First Draft

Since the structure looked similar to that of the wireframe, I decided to add additional CSS to see how it would look like.

Second Draft

Keep in mind, this was all done on my desktop. When I moved the files to my laptop, as I was using pixel measurement, I discovered that the images and text boxes would no longer be proportionate. This resulted in the mess displayed below.

The entire page was misaligned

Misaligned page

To resolve this issue, I looked into Bootstrap, a plugin that would make elements proportional with the use of 12 columns.