Applied Visual Design: Adjust the Size of a Header Versus a Paragraph Tag Challenge Guide

https://www.freecodecamp.org/learn/responsive-web-design/applied-visual-design/adjust-the-size-of-a-header-versus-a-paragraph-tag
Guide Link: https://forum.freecodecamp.org/t/freecodecamp-challenge-guide-adjust-the-size-of-a-header-versus-a-paragraph-tag/301037
Hint #1: You should add a font-size property to the h4 element inside the style tags and set it to 27 pixels.
Solution:

<style>
  h4 {
    text-align: center;
    background-color: rgba(45, 45, 45, 0.1);
    padding: 10px;
    font-size: 27px;
  }
  p {
    text-align: justify;
  }
  .links {
    text-align: left;
    color: black;
  }
  .fullCard {
    width: 245px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px 5px;
    padding: 4px;
  }
  .cardContent {
    padding: 10px;
  }
  .cardText {
    margin-bottom: 30px;
  }
</style>
<div class="fullCard">
  <div class="cardContent">
    <div class="cardText">
      <h4>Alphabet</h4>
      <hr>
      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
    </div>
    <div class="cardLinks">
      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
    </div>
  </div>
</div>

thank you for wanting to contribute, someone will come along to evaluate your suggestions, but please hide the solutions with [details] tags

(little edit because of @Sky020 reminder below)

1 Like

Oh sorry! I will hide the solutions from now on.

Yes, thank you, for hiding the code. And hiding the code using details tags are much easier for us to use, as we cannot copy paste code hidden with spoiler tags.

also if you can please include a link of the thread on the forum to update, that would make it much easier - this also to those you have already made

Would you want me to also include the link to the challenges?

you are going well :+1: thank you

Thank you, for your guide post contribution. I have taken your suggestions and included them in the following guide post:

We look forward to your further contribution.