purecss blog theme comments grid

Cancelled Posted Jan 17, 2016 Paid on delivery
Cancelled Paid on delivery

Short Version:

1. Make 3 sections using grids in purecss, currently there are 2, the menu and the article, add a 3rd for comments on the right side.

2. Make the site collapse to mobile view under 1500px.

Long Version:

I am using the purecss [url removed, login to view] from [url removed, login to view]

As you can see there is a nav bar on the left side. I would like to replicate that and put a section on the right side for blog commenting. The layout is responsive so when viewed on a phone the left nav goes to the top and the article below, I would like the comments to also go below the article on phones.

Please work on the Codepen here [url removed, login to view]

I made the gird based on 5ths, 1/5 for the menu, 3/5 for the article and 1/5 for the comments. pure-u-md-1-5 / pure-u-md-3-5 / pure-u-md-1-5

I have made a mockup in photoshop showing want I hope to achieve.

Mockup here [url removed, login to view]

Furthermore, currently the html using pure-u-md-1-5 \"md\" according to [url removed, login to view] will switch to the mobile view when the browser is less than 768px. I would like to the site to switch to mobile view on anything 1500px or less. (nav on top, article in middle, comments on bottom)

CSS HTML

Project ID: #9358874

About the project

2 proposals Remote project Active Jan 17, 2016

2 freelancers are bidding on average $24 for this job

freelancerac6

Greeting!!! Today your job posting is caught my attention and glad to know you, your project requirement is very comfortable for me. Because I have worked with these requirements every times. Please keep your concent More

$22 AUD in 1 day
(1 Review)
3.3
minhas8

A proposal has not yet been provided

$25 AUD in 1 day
(0 Reviews)
0.0