SOLVED: .card { width: 100%; margin: 0 10px; border: 2px solid; } @media (m ...

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

Verified Answer

Correct Option - c

To get all Infosys Certified L1 Junior Web Programmer Exam questions Join Telegram Group https://rebrand.ly/lex-telegram-236dee

`.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?