The HTML program is fine I want help to figure out what's wrong with CSS that would not make my website look the same as the picture I provided.

@charset "UTF-8";
/* CSS Document for CA3 */

body {

background-color: antiquewhite;
}


h1 {
font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
color: #92C818;
text-align: center;
font-size: 6em;
margin: 0;
}

.intro {
background-color: bisque;
border: dashed thick greenyellow;
text-align: justify;
font-size: 1.5em;
width: 80%;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
padding: 10px;

}

.column {
float: left;
width: 33.33%;
margin-bottom: 20px;
padding: 0 8px;
}

.row {
width: 100%;
}

.card {
background-color: ghostwhite;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
margin-right: auto;
margin-left: auto;
}

/* Some left and right padding inside the container */
.container {
padding: 0 10px;
}

/* IGNORE THIS THERE ARE NO ERRORS IN LINE 55-59 Clear floats */
.container::after, .row::after {
content: "";
clear: both;
display: table;
} /* IGNORE THE ABOVE THERE ARE NO ERRORS IN LINE 55-59 */

.title {
color: gray;
}

img {
max-width: 100%;
justify-content: space-between;
}

footer {
margin-top: 20px;
margin-bottom: 20px;
font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
font-size: 2em;
text-align: center;
}

html

My Nine Friends

There are a lot of social networks. But none are quite like My Nine Friends. My Nine Friends focuses on the people that matter most - my nine closest friends. I love My Nine Friends almost as much as my nine friends. =)

Integra A.

Life Coach

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis ullamcorper purus, id aliquet turpis. Quisque mi enim, laoreet sit amet aliquam id, congue et leo. Nulla sollicitudin augue quis ligula pellentesque, sodales ultricies massa scelerisque. Nam sit amet semper nisi, vel sagittis mi. Cras euismod arcu ligula, vel condimentum sem viverra tempor. Cras maximus elit non ultrices pharetra. Nunc rhoncus leo ac dui posuere, vitae gravida mauris euismod. In commodo enim eget ultrices malesuada.

Mikaela R.

Lil' Sis

Cras ac magna non erat condimentum elementum. Vivamus vitae ullamcorper ante, ac feugiat dui. Nunc gravida semper urna ut sagittis. Aliquam sit amet justo lacinia, tincidunt elit id, commodo nunc. Donec in eleifend arcu, nec porta nisi. Sed posuere ipsum tortor, ut fermentum nunc cursus feugiat. Etiam efficitur consequat pharetra. Maecenas ut nisl eu elit cursus vestibulum. Fusce eleifend id eros sed varius. Donec pellentesque tincidunt urna, vel fringilla dolor rhoncus vitae.

Boxer J.

Personal Trainer

Nullam maximus auctor nibh posuere egestas. Etiam dui odio, hendrerit interdum quam vel, lacinia rutrum diam. Phasellus in diam et diam laoreet fringilla vel quis metus. Etiam in sollicitudin ex, eget gravida nunc. Pellentesque et urna vitae ipsum rhoncus faucibus. Etiam et odio sollicitudin, mattis nulla in, semper neque. Phasellus dapibus, lacus ultricies consectetur facilisis, erat tortor sodales neque, vitae placerat felis odio sit amet libero.

Frankie S.

Best Bud

In dapibus metus tortor, sit amet consectetur elit tempor nec. Nam fringilla, turpis sit amet consectetur tempus, magna lacus tempor tellus, eget congue elit tortor ut turpis. Nunc eget ligula tellus. Curabitur nec enim dictum, commodo nibh quis, dapibus nunc. Nulla magna erat, condimentum in nibh viverra, dignissim vehicula metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Mike R.

Dance Coach

Morbi ullamcorper purus sed sollicitudin sollicitudin. Nullam eleifend lobortis erat quis mollis. Praesent porta sed enim non sodales. Morbi at consectetur arcu. Maecenas sit amet tempor velit, vel fringilla mauris. Sed luctus, massa nec auctor accumsan, nulla dolor mollis turpis, porta sodales justo urna id nulla. Cras quis sollicitudin ex. Nam volutpat nulla vitae nulla convallis facilisis.

John Y.

Tactical Trainer

Ut id magna ultricies, feugiat mi et, tristique risus. Praesent luctus felis nec tristique pulvinar. Cras pulvinar commodo dolor, et rutrum turpis tincidunt in. Morbi ante sem, fermentum sit amet risus quis, pulvinar molestie lorem. Vestibulum vel tincidunt augue. Sed ut justo dictum, egestas justo eget, pretium sapien. Proin purus lectus, auctor nec risus a, eleifend faucibus mauris.

Drake M.

Knitting Buddy and Cat Owner

Sed elementum, arcu id rhoncus placerat, purus leo rhoncus erat, sed eleifend felis ante at augue. Phasellus commodo nulla quis erat finibus vulputate. Praesent sed aliquam urna. Nunc id turpis imperdiet, hendrerit augue at, rhoncus enim. Etiam quis suscipit nibh.

Sabrina W.

Financial Analyst

Nunc convallis id sem sed tincidunt. Aliquam quis metus convallis, sodales purus lacinia, blandit sapien. Aenean vestibulum gravida consequat. Suspendisse potenti. Nulla vel tortor et dolor pellentesque iaculis. Nam sed augue sollicitudin, sodales turpis aliquam, faucibus dolor.

Blake B.

Scuba Dive Buddy

Integer imperdiet sapien sit amet venenatis egestas. Phasellus vitae ex mi. Nam suscipit nisl mauris, eu auctor nulla pulvinar quis. Quisque ut pellentesque risus. Sed porttitor blandit porta. Duis iaculis quam egestas arcu laoreet pellentesque. Mauris eget pulvinar purus. Donec at ante auctor, pharetra elit id, suscipit quam.

My Nine Friends: A real social network for real friends.

 

Integra A. Life Couch My Nine Friends There are a lot of social networks. But none are quite like My Nine Friends. My Nine Friends focuses on the people that matter most my nine closest friends. I love My Nine Friends almost as much as my nine friends. =) Mikaela R. Lib Lecce diping clit. Nu keligt in. Quisque mi esim. let sit congetes is velg sales skolete. Nuns at semper Calendar ligula, vel condimentum sere viverra por. Cra trices pharetra Nane thous les ad po gravid mod. In compl Como condimentum elementam. Vivamus vit perante, feugiat dai Nate gravic Alicia, et id, cd defend ac, e pa si Sed poate puno i Dis ventu glam fear coneca: pharetra. Mascenas ut r can bulan. Fusce extend I crossed varias Des tentum,vel fringilla dolor mancas Culprit Boxer J. Th d Nalam minibh peace gets. Etiam intendam quam vel.lacinia rutrus diare. Psellas indian dan lance! fingi vel quis metus iam in solicitades eget gravida matic sofa in, semper neque. Pasillas dapit lacus contr facralos neque, vitae placerat f Frankie S. Best Bud Idapter,tecture: semper nec. Na courses, lacus tempor eles.cgctcome citor. Nuw get gula te. Carre cind commodo ish qadapi mus. Nulla magna encorentin ib vivere dignissim vehicula reets. Lorem ipsum deler sit amet, consecte glit Mike R. Dance Coach Mapsed sollichadh. Nulla f brolis Passporta sed enim non sod Macant per velit, vel fringilla re lac, manter excuman, nella dolor miliario, portadas Cras quis sellichalines. Na volte le site wil John Y. Thetical Trainer Uldarica, Patt Ca pulvinar comodo dolor, et umum tap in. Monte, fermitatus quis pulvinar molestiam Veseliidunt eps Sod standin.eges. pretium sapien. Proin peres lectus, ater an rives eleifnal faci