[Solved] Responsive reservation grid

[asanti]

i’m working on a reservation grid with bootstrap trying to make responsive a previous design.

Here is the current design on the left vs mockup on the right,

Image

I’m having trouble to vertical align the title (from week to week) with the arrows and center (vertically and horizontally) the content of the boxes.

This is what i got so far

Codepen

[__]

A calendar is a type of table.

Why not use a <table>?

[Chris House]

Also check out Chris’ great centering guide: https://css-tricks.com/centering-css-complete-guide/

[asanti]

i think is more like a reservation grid but i get your point, i will also try a table for it
thanks

[asanti]

thanks caiman, i will check it out

[__]

i think is more like a reservation grid

Whatever the purpose, it’s still the days of the month ordered by day name and sequenced by week. Might be a calendar “with notes,” but it’s still a calendar. : )

Good luck; post again if you have any questions.

[Author]

Posts