freeCodeCamp

2.2 KiB

Raw Blame History

id	title	challengeType	videoUrl	localeTitle
587d7791367417b2b2512ab4	Adjust the Width of an Element Using the width Property	0		Ajustar a largura de um elemento usando a propriedade width

Description

Você pode especificar a largura de um elemento usando a propriedade width em CSS. Os valores podem ser dados em unidades de tamanho relativo (como em), unidades de tamanho absoluto (como px) ou como uma porcentagem de seu elemento pai contendo. Veja um exemplo que altera a largura de uma imagem para 220px:

img {
width: 220px;
}

Instructions

Adicione uma propriedade width ao cartão inteiro e defina-o para um valor absoluto de 245px. Use a classe fullCard para selecionar o elemento.

Tests

tests:
  - text: Seu código deve alterar a propriedade <code>width</code> do cartão para 245 pixels usando o seletor de classe <code>fullCard</code> .
    testString: 'assert(code.match(/.fullCard\s*{[\s\S][^}]*\n*^\s*width\s*:\s*245px\s*;/gm), "Your code should change the <code>width</code> property of the card to 245 pixels by using the <code>fullCard</code> class selector.");'

Challenge Seed

<style>
  h4 {
    text-align: center;
  }
  p {
    text-align: justify;
  }
  .links {
    margin-right: 20px;
    text-align: left;
  }
  .fullCard {

    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px 5px;
    padding: 4px;
  }
  .cardContent {
    padding: 10px;
  }
</style>
<div class="fullCard">
  <div class="cardContent">
    <div class="cardText">
      <h4>Google</h4>
      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
    </div>
    <div class="cardLinks">
      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>
      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
    </div>
  </div>
</div>

Solution

// solution required

2.2 KiB Raw Blame History