Html Css haqida

How can I improve my knowledge of html css

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.54 Safari/537.36

Challenge: Adjust the Width of an Element Using the width Property

Link to the challenge:

Please ask a question about the challenge. What don’t you understand, what is it you need help with?


Add a width property to the entire card and set it to an absolute value of 245px. Use the fullCard class to select the element.

Inside the selector .fullCard add the width property and set it to 245px

1 Like