Table Method Approach

Hello I am using a table method to contain
elements and fluid in responsive when you change
the viewport but I am wondering if it is the right approach?
I am using it on my collapse container and panel containers
On these Pages: 1, 2, and 3

I am wrapping it with this:

 <div class="containelements-table">
                <div class="panelsnews-wrap newsevents-wrap"></div>            


.containelements-table {
    display: table;
    width: 100%;
    table-layout: fixed;

Unless you are using the display:table as a float containing mechanism, or if you have display:table-cells defined inside, or if you have a fixed height that you want to grow then there doesn’t seem to be a need for the display:table rule as far as I can see.

Just use a block element unless any of the above is true.

However what you have will do no harm.

1 Like

Developers should have a code to live by, and the first rule should be “First, do no harm”



So should designers…that way you’ll never have this reaction :smiley:



This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.