Responsive CSS Complex Grid - Unsemantic Framework

Cerrado Publicado Aug 21, 2015 Pagado a la entrega
Cerrado Pagado a la entrega

I need a very specific solution for a CSS Grid that must not conflict with the Unsemantic CSS Framework (which we use for responsive behavior).

Review the picture attached however these rules must apply to your solution:

* The 3 center columns must stop where it meets the yellow bottom row

* The height of the MIDDLE TABLE-CELL which currently includes the yellow bottom row must be the exact same height combined as the LEFT and RIGHT (green) TABLE-CELL's (see picture)

* You cannot use html Tables due to responsive desires

* It must be a css percent (%) only solution - no pixels anywhere - but cannot require a fixed percent on the bottom row because it's height will be dynamic from website to website.

* The 5 columns must stretch to 100% of the height of the browsers viewport

* The BOTTOM ROW must stay in its bottom position at different viewport heights.

* There can be no javascript / jquery as part of the solution. Css only.

You can show me your solution without any of my code (including Unsemantic CSS framework) as long as it works but it cannot rely on any other responsive framework.

In each of the cases, I do not want to adjust any heights by the using the actual height of the BOTTOM yellow row as this row height will be changing depending upon the content.

Live example of this problem and desired solution can be found at http://pacificclassics.com/test/

CSS HTML5

Nº del proyecto: #8315197

Sobre el proyecto

10 propuestas Proyecto remoto Activo Oct 30, 2015

10 freelancers están ofertando un promedio de $169 por este trabajo

codeguru786

Hi, we have read all the requirements and we are very confident to do this project from start till end. We definitely have some questions when we discuss project with you. Due to the change of bid system at freelancer. Más

$247 USD en 3 días
(224 comentarios)
8.5
machexport

i have 8+ years of experience. Can we discuss the project. Please initiate a chat with me so that we can discuss the project at a broader level. Why you should hire me- 1. I have a very good communication skills Más

$64 USD en 3 días
(9 comentarios)
5.5
sixpl

Hi, I have read your project description and understood most of it. I have few questions before I can start working on this project. It would be great if we can chat and address these small queries. I have 6 years of Más

$200 USD en 4 días
(0 comentarios)
0.0
syedakmal43

A proposal has not yet been provided

$155 USD en 10 días
(0 comentarios)
0.0