Columns Question Responsive

[CarraraWebsiteSolutions]

Hello.

On my responsive 768 to 800; I would like to have two columns and then another two columns under it. How would I do That?

#footer {
  clear: both;
  overflow: auto;
  min-height: 100px;
  padding: 46px 24px; 
  background: #0F1A1F; 
}

#footer h2 { 
    font-size: 23px; 
    color: #fff; 
    font-family: 'Ubuntu', sans-serif; 
    font-weight: 400; 
    padding-bottom: 18px;  
}

#footer .col { 
    float: left; 
    width: 20%;
}

#footer .col ul { 
    list-style: none; 
    list-style-position: outside;
    padding: 0px;
    margin: 0px;
}
#footer .col ul li { 
    color: #7dc33a; 
    font-size: 16px;  
    padding-bottom: 4px; 
    background: url('../image/arr_footer_col.png') no-repeat 0 8px; 
    padding-left: 9px;  
}
#footer .col ul li a { 
    color: #7dc33a; 
}

.cl { 
    display: block; 
    height: 0; 
    font-size: 0; 
    line-height: 0; 
    text-indent: -4000px; 
    clear: both; 
}

.footer-bottom { 
    background: #000000; 
    height: 38px;
}

.footer-bottom p.copy { 
    text-align: center; 
    font-size: 11px; 
    color: #5f6261; 
    line-height: 38px;
}
.footer-bottom p.copy span { 
    padding: 0  11px;  
}
.footer-bottom p.copy a { 
    color: #2b9208; 
    text-decoration: underline; 
}
.footer-bottom p.copy a:hover { 
    text-decoration: none; 
}
.footer-bottom p.copy strong { 
    font-weight: normal; 
}

[jurotek]

Why don’t you put more effort in to it and demonstrate it on CodePen what is it you after and then it will be easier to help.

[mkmishra19]

Try This…

@media all and (max-width:768px) and (min-width:800px) { #footer .col{width:50%; float: left;}; }

[Author]

Posts