HTML Wyrównanie przycisków na całą szerokość

Twój css ma za małą wage. Zobacz to https://jsfiddle.net/q4u1ho9n/27/
Zapoznaj sie z tym jak przeglądarka określa priorytet dla styli https://css-tricks.com/specifics-on-css-specificity/

Działa. Wygląda tak: Klik! Mam jeszcze jedną prośbę. Czy dało by się jeszcze zrobić tu coś w TYM stylu, tyle żeby nie obejmowało całej strony a tylko szary pasek? Np. po naciśnięciu TEGO przycisku, otwiera się mini panel boczny z prawej strony panelu (np. canvas albo inne), który przyjmuje połowę szerokości po otworzeniu. Pola tekstowe również. Zrobiłem podgląd, jak to ma wyglądać: KLIK2!

Ale w czym problem? Masz przecież demo do tego https://foundation.zurb.com/sites/docs/o...s-position

Właśnie w tym, że canvas zawsze otwiera się na całej stronie, a nie w danym divie.

Jakoś widzę że mozna określić rozmiary https://codepen.io/anon/pen/gzYdyy

Gdy próbuję to podpiąć więcej niż jeden cell, to wszystko się sypie. Pozatym po otworzeniu canvasu, pole tekstowe przechodzi na lewo zamiast tylko zmniejszyć swoją szerokość. TUTAJ podgląd.