HTML/CSS - About me: my Python journey to Data Science Online Editor and JavaScript Compiler

html

<!-- I KNOW, SOME LINKS DO NOT WORK, I JUST HAVE NO TIME TO CORRECT THAT :) -->
<!DOCTYPE html>
<html>
    <head>
        <title>My Python Journey To Data Science</title>
    </head>
    
    <body>
        <!-- header start -->
        <div id="header" class="section" align="right">
        <a href="https://github.com/kuba-siekierzynski/">
            <img alt="" class="img-circle" src="https://blob.sololearn.com/avatars/10ae20c8-7064-4d0f-9704-1b67ead9f00c.jpg"></a>
            <p>Kuba Siekierzyński</p>
        </div>
        <!-- header end -->
 <!-- Contacts section start -->
        <div class="follow" id="contacts">
            <h1><span>Follow Me</span></h1>
            <div>
            <table><tr><td>
                <a href="https://www.sololearn.com/Profile/1607351" target="_blank">
                    <img alt="Sololearn" src="https://is2-ssl.mzstatic.com/image/thumb/Purple118/v4/0e/6e/e3/0e6ee3e2-c934-237c-2f4e-06e2ae8087a2/AppIcon-Python-1x_U007emarketing-sRGB-85-220-5.png/600x600bf.jpg" />
                </a><br/>Sololearn</td><td>
                <a href="https://github.com/kuba-siekierzynski/" target="_blank">
                    <img alt="Github" src="https://github.githubassets.com/images/modules/logos_page/Octocat.png" />
                </a><br/>GitHub</td><td>

css

html {
    margin: 0;
    padding: 0;
}
body {
    font-family: arial;
    font-size: 10pt;
    background-color: #ccc;
    padding: 10px;
    margin: 0;
}
h1 {
    font-size: 15pt;
    color: #666;
    text-align: center;
    padding: 0px 0 0px 0;
    margin: 0 0 10px 0;
}
h1 span {
    border: 0px dashed #20bcd5;
    padding: 10px;
}
p {
    padding: 0;
    margin: 0;
}
.img-circle {
    border: 5px solid white;

BROWSER

Console