Practice | Profile CSS

index.html

<div class="profile-header rcorners2">
  <h1>Custom profile header</h1>
</div>
<article>
<h2> Process 09/11/2022</h2>
<ol>
  <li>Watched <a href="https://www.youtube.com/watch?v=W-TKiiJ_SjE">Video</a></li>
  <li>Used inspect element; Scrolled to find "profile-header" class</li>
  <li>Used CSS to selection background-color; Google searched yellow green hex code "#9acd32"</li>
  <li>Added quick tutorial</li>
  <li><strong> Completion time 30 minutes or less </strong></li>
</ol>
</article>

practice-profile-css.markdown

Practice | Profile CSS

A Pen by Steven Reginald Barkley on CodePen.

License.

style.css

.profile-header {
  background-color: #9acd32;
}

.rcorners2 {
  border-radius: 25px;
  border: 2px solid #73AD21;
  padding: 20px; 
  width: 40%;
  height: 150px; 
}

body {
  margin: 20;
}