I did create a box with the help of Responsive web design course. Please check it out!

Here is my code! Please check out.

<!DOCTYPE html>
<html>
    <head>
        <title>Boxes</title>
        <style>
        .Mainbox {
            width: 300px;
            height: 400px;
            border: solid 1px #ccc;
            border-radius: 4px;
        }
        #shadow {
            box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
        }
        .h4 {
            text-align: center;
            width: 150px;
            height: 20px;
            background-color: gray;
            margin-left: 75px;
            border-radius: 2px;
        }
        .h4_2 {
            text-align: center;
            width: 150px;
            height: 36px;
            background-color: gray;
            margin-left: 75px;
            border-radius: 2px;
        }
        .h4div {
            padding: 1px;
        }
        p {
            text-align: justify;
            padding: 1px;
            font-family: 'Courier New', Courier, monospace;
        }
        </style>
    </head>

<body>
<div class="Mainbox" id="shadow">
    <div class="h4"><h4 class="h4div">About Me</h4></div>
<p>My name is <strong>Seymen Yusuf Erten</strong>. I live in Turkey. This is my <u>first</u> HTML/CSS project to show you guys.</p>
<hr>
<div class="h4_2"><h4 class="h4div">How this box is done?</h4></div>
<p>You can find the code under this passage!</p>
<a href="">Code</a>
</div>
</body>





</html>

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.