Görseldeki gibi bir footer nasıl yapılır?

Dosya Ekleri

  • Ekran görüntüsü 2023-11-11 104348.png
    Ekran görüntüsü 2023-11-11 104348.png
    30,5 KB · Görüntüleme: 46
En son hali hocam.

Bir dakika bekleyin hocam.

*
{
margin: 0;
padding: 0;
list-style: none;
}

footer
{
position: fixed;
bottom:0px;
right:0px;
display: flex;
width: 100vw;
height: 300px;
background: #232323;
justify-content: center;
}

footer .section1 h1
{
color: white;
font-family: Arial;
}

footer .section1 ul li a
{
color: aquamarine;
}
footer .section2 {
margin-left: 200px;
}
footer .section2 h1
{
color: white;
font-family: Arial;
}

footer .section2 ul li a
{
color: aquamarine;
}
footer .section3 {
margin-left: 200px;
}
footer .section3 h1
{
color: white;
font-family: Arial;
}

footer .section3 ul li a
{
color: aquamarine;
}

footer .section4 {
margin-left: 200px;
}
footer .section4 h1
{
color: white;
font-family: Arial;
}

footer .section4 ul li a
{
color: aquamarine;
}

Oldu mu hocam.
 
Son düzenleme:
Bir dakika bekleyin hocam.

*
{
margin: 0;
padding: 0;
list-style: none;
}

footer
{
position: fixed;
bottom:0px;
right:0px;
display: flex;
width: 100vw;
height: 300px;
background: #232323;
justify-content: center;
}

footer .section1 h1
{
color: white;
font-family: Arial;
}

footer .section1 ul li a
{
color: aquamarine;
}
footer .section2 {
margin-left: 200px;
}
footer .section2 h1
{
color: white;
font-family: Arial;
}

footer .section2 ul li a
{
color: aquamarine;
}
footer .section3 {
margin-left: 200px;
}
footer .section3 h1
{
color: white;
font-family: Arial;
}

footer .section3 ul li a
{
color: aquamarine;
}

footer .section4 {
margin-left: 200px;
}
footer .section4 h1
{
color: white;
font-family: Arial;
}

footer .section4 ul li a
{
color: aquamarine;
}

Oldu mu hocam.
Hocam herhalde sayfanın üst tarafındaki sorunlardan dolayı footer baya bir taşma yapıyor o yüzden böyle görünüyor.
 

Dosya Ekleri

  • Ekran görüntüsü 2023-11-11 174432.png
    Ekran görüntüsü 2023-11-11 174432.png
    109 KB · Görüntüleme: 37

Technopat Haberler

Geri
Yukarı