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
Ex:

I am wrapping it with this:

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

CSS:

.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”

:smiley:

3 Likes

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

5 Likes

ok

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