Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<main id="main">
  <h1 id="title">"Lady Comfort Ugwueke"</h1>
  <h5><em><strong>"Irreplaceable Mother"</strong></em></h5>
<div id="img-div">
     <a target="_blank" href="#" id="tribute-link"> </a> <img src= "https://lh3.googleusercontent.com/8p8aEiFfGTfqxF7yTYsxAtvYJ0RsK4tV4jBL_LPMn2-wVgtxXCznhlz5OQWzGZbxNUmcXzKfy3B2JPnPIKMoqlEKi7LMu4xgqDphJBQBjrA9NPx_VPcCqZHkdu25DtOSsNBl0o1j7jQukh3dv1S_jfXR_Jse1qLoKRBXwq1wfpgUXZ20LnotvG3AeEl9kzX0ap-JgwxDLxMGN_4MoBQ5lnJnqzPN0jSWr71cWoutxTR1hW3ztX6_nMWyUpoLmfzTCm7tOMQQicOZweQ8XdIcMpNp0NezS5HjziS0ZjB0OjuMvd8_YEVIsSDbAtqznETR_09tGusTmn3e_nOW17X-Uol_c1anu9YrQbIqOIjb9PTUESdMmzRmO-5iCMf1lZnO5pfmVOfWg0lpCKVp7uTeyQmv91PnainIqN4eVO-o5yAdSijCPuFtKzwUfHQ-M0Si3qa3-iQUW-pCESzQPJODVxl0e8XjWsJZGfgUmROo9Dr3dxfN0YHsuKJJJ5AbUQELMM7LgfkRSg6FwoFZpcxz17GqUygl1m45MhbSQlbHaWYsWPkkwGCO-Efae5etk_z2AJISHsAwbvAcY9_Qb-SCHOSe2A-wdIU0BHRdn2ZcqSIhM-jcYHITLUK_H52yC_4kPmUzk5NW2bMM5CO7AqRkKXV4H6YjxyYvr1tCtlxK_XL1TIUFqWp9z8kFlL5Umg=s657-no"  id="image" /> 
  <div id="img-caption">
 Lady Comfort Ugwueke on black gown with her first child on white.
</div>
  </div>
  <p id="description"> Lady Comfort Ugwueke on black gown with her first child on white.</p>
</div>
  <div>
<p id="tribute-info"> Lady Comfort Ugwueke was born in 1969 in Ghana where she was raised as a child. She was from Ngor Okpala in Imo State, Nigeria. Her father brought them back to Nigeria in the late 80's to continue their lives in their hometown. 
  She finished her secondary education and got married in 1993 to her  loving husband. She is Survived by her husband and her 7 children
(5 females and 2 males). </p>
  </div>
  <p> My mother was an inspiring soul always there for all who came to her with their troubles with kind words and wise advice. Her home was open to everyone and her hospitality made them feel important.She was the most Loving, Humble, Compassionate, Understanding,Family orientated woman and one of the most beautiful souls one could ever meet. <br>
My beloved and caring mother, you were a symbol of beauty and an amiable character of inherent goodness. You lavished your love on your children without segregation. Sweeet mother, you were a peace maker , your hospitality is second to none. There was no form of idleness in your live as you were always busy to make sure you put food on the table for your children.</p>
  <p>Mama! You were a wonderful mother to all. You loved and cherished everyone around you. You were gentle, generous and tolerant. You lived a blossoming and beautiful life.</p>
 <p> I still feel like an orphan because I lost your guiding star. You're the one I always turned to whenever anything went wrong,the one who cleaned my skinned knees and chased nightmares away with a song. You tried to celebrate all my important days with me,like birthdays, and holidays,and your very first day of university days.I still celebrate you each Mother's Day and take a moment to remember the best things about you,like your gentle hands and open arms, and how close we were.
I miss the touch of your dear hands,how gentle and kind they could be.
and I miss the warmth of your hugs, and how you'd wrap me up tight as could be. </p>
  
  <p id="love"> I will always love you, Mama!</p>
</main>
              
            
!

CSS

              
                #main{
  background-color: pink;
  background-image: none;
  padding: 10px 20px 10px 10px;
  margin: 20px 10px 10px 20px;
}
#title {
  text-align: center;
}
h5{
  text-align: center;
}
#img-div{
  max-width: 100%
  height: auto;
}
#description {
  text-decoration: underline;
  color: black;
  text-align: center;
  background-color: gray;
  font-family: serif;
}

  img {
    width:870px;
    max-width: 100%;
    height: auto;
    display: block;
  }

p {
  background-color: white;
  font-family: san-serif;
  border-bottom: 1px solid black;
}
#love{
  text-align: center;
}
#img-caption{
  text-align: center;
  color: pink;
}
              
            
!

JS

              
                
              
            
!
999px

Console