HTML/CSS - Platinum Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
    <head>
        <title>My words</title>
    </head>
    <header>MY PLATINUM BLOG</header>
    <body>
    <article>
    <h3>About Me</h3>
        <div class="section">
            <img alt="" class="img-circle" src="https://api.sololearn.com/Uploads/Avatars/4827750.jpg">
            <h5>Ranjan Bagri </h5>
            <hr/>
            <p>
                Hello everyone I,<strong>Ranjan Bagri</strong>,a true Sololearner want to say thank you to all members of this community individually and the developers. I am blessed, humbled and privileged to be honoured as a Platinum member.Coding has just changed my world. Learning to code gave me problem-solving skills and a way to communicate with others on a technical level. I can also develop websites and use my coding skills to get a better job. And I learned it all at SoloLearn where they build your self-esteem and keep you motivated.
            </p>
        </div>
        </article>
        <article>
        <h3>My Mentor</h3>
        <div class="section">
        <a href="https://www.sololearn.com/profile/2034207/?ref=app"><img alt="" class="img-circle" src="https://api.sololearn.com/Uploads/Avatars/2034207.jpg"></a>
        <h5>Maz</h5>
        <hr/>
        <p>She is an 18 year old student and one of best  web coder. Her codes and advices always inspires me. When i joined sololearn her code "Pdf resources " was in trending list. It's helped me a lot.</p>
        </div>
        <div class="section">
        <a href="https://www.sololearn.com/profile/4586359/?ref=app"><img alt="" class="img-circle" src="https://api.sololearn.com/Uploads/Avatars/4586359.jpg"></a>

css

body {
background-image:url("https://www.muralswallpaper.co.uk/app/uploads/red-brick-textures-plain-820x532.jpg");
font-weight:300;
    font-size: 18pt;
    padding: 10px;
    margin: 0;
}
header {
    background-color: #FF8822;
    text-align:center ;
    color: #ffffff;
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:30px;
    padding:5px;
    margin:0px;
    box-shadow:0px 5px 5px  rgba(0,0,0,0.3);
}
h3 {
font-size:24pt;
font-weight:300;
    color:  #fff;
    text-align: center;
    padding: 10px 0 10px 0;
    margin: 0 0 10px 0;
}

BROWSER

Console