Creamos columnas en el pie de página

<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="portfolio-decorative.css"> <link rel="stylesheet" href="portfolio-outline.css"> <link rel="stylesheet" href="style.css"> <title>Portafolio</title> </head> <body> <header class="page-header"> <h1 class="title">Mapache No Identificado</h1> <p class="subtitle">Desarrollador web junior</p> </header> <main class="page-main"> <section class="bio"> <h2 class="section-title">Un poco sobre mí</h2> <p>Puedo crear páginas web o no crearlas. Puedo hacer que otros las creen y atormentar a quienes lo hacen mal.</p> <p>Puedo explicar por qué el presupuesto para crear 10 páginas alcanzó para 2 (una de ellas hecha por voluntarios) y todavía falta pagarle al diseñador por el desgaste del mouse. Puedo lograr que me crean.</p> </section> <section class="photo"> <h2 class="section-title">Fotografía</h2> <img src="img/avatar.svg" width="200" height="200" alt="Foto de Mapache No Identificado"> <p class="photo-caption">Mapache No Identificado Jr.</p> </section> </main> <footer class="page-footer"> <div class="container"> <p class="contacts"> <a href="mailto:unknown@raccoon.ru">unknown@raccoon.ru</a><br> <a href="tel:+7999999999">+7 999 999-99-99</a> </p> <p class="copyright">© Mapache</p> <img class="logo" src="img/raccoon_logo.svg" width="70" height="54" alt="Logotipo del mapache"> </div> </footer> </body> </html>