Setting a fixed footer.

In a webpage, you may need to set a header or footer, and doing this may not look accurate sometimes, especially the footer.

We'll be setting a footer in just seven lines of Css code, My HTML code looks like this

    <footer>
        <h1>Thanks for reading</h1>
    </footer>

And we'll be making sure the footer is fixed, this means you can always see it no matter how far you scroll down.

Css fixed position will do the work

And here goes the Css code.

footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgb(54, 21, 54);
    color: white;
    text-align: center;
}

Your Feedback is warmly welcome.

Thanks for reading.

if you have any suggestion on what I can write about in future articles, feel free to tell me in the comments section.