1.

Which one of [ID, class] selector has higher priority?

Answer»

We can define a two column LAYOUT using a CONTAINER and two divs inside the container by the following code.  

The parent container (.row) will have display: flex property. And the column will have flex VALUE 50%, which will divide the available width from the parent in two equal halves. 

Code example:

  • HTML
<div class="row">    <div class="column">     Left column   </div>     <div class="column">     RIGHT column   </div>   </div>
  • CSS
.row {   display: flex;   width: 100%; }   .column {   flex: 50%;   border: 1px solid #ccc; }

OUTPUT


Discussion

No Comment Found

Related InterviewSolutions