.card {
  width: 100%;
  margin: 0 10px;
  border: 2px solid;
}

@media (max-width: 576px) {
  .card {
    width: 30%;
    margin: 10px 0;
    }
}
//index.html

  <div class="card"> Lorem </div>
  <div class="card"> Lorem </div>
  <div class="card"> Lorem </div>

What will happen to the card element on a mobile device?

The card will be displayed on a single line.

The card will be displayed in a single column single line.

The card will be displayed in three different lines.

The card will be displayed in three columns and in single line.

Correct Option - c

To get all Infosys Certified L1 Junior Web Programmer Exam questions Join Group https://bit.ly/infy_premium_group

We're passionate about offering best placement materials and courses!! A one stop place for Placement Materials. We daily post Offcampus updates and Placement Materials.

Qtr No. 213, New Town Yehlanka Indore 454775

admin@prepflix.in