Layout-using-html-and-css

Basic layout using html and css , for the beginners using grid

<title>Document</title> <style> * { padding: 0%; margin: 0%; }

.wrapper {
    background-color: rgb(255, 255, 255);
    height: 100vh;
    display: grid;
    grid-template-rows: 10% 10% 70% 10%;
    gap: 2px;
    width: 100%;

}

.header,
.footer,
.menu,

.content,
.main,
.content1 {
    border-style: solid;
    border-color: black;
    text-align: center;
    

}

.content_wrapper {
    display: grid;
    grid-template-columns: 20% 60% 20%;
    grid-template-rows: 1fr;
    gap: 2px;

}

</style>

header"

menu

heheh

main

content1

footer"