0
34

body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
}

html {
box-sizing: border-box;
}

*, *:before, *:after {
box-sizing: inherit;
}

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

.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
margin: 8px;
}

.about-section {
padding: 50px;
text-align: center;
background-color: #474e5d;
color: white;
}

.container {
padding: 0 16px;
}

.container::after, .row::after {
content: "”;
clear: both;
display: table;
}

.title {
color: grey;
}

.button {
border: none;
outline: 0;
display: inline-block;
padding: 8px;
color: white;
background-color: #000;
text-align: center;
cursor: pointer;
width: 100%;
}

.button:hover {
background-color: #555;
}

@media screen and (max-width: 650px) {
.column {
width: 100%;
display: block;
}
}

About Us Page

Some text about who we are and what we do.

Resize the browser window to see that this page is responsive by the way.

Our Team

Jane

Jane Doe

CEO & Founder

Some text that describes me lorem ipsum ipsum lorem.

jane@example.com

Mike

Mike Ross

Art Director

Some text that describes me lorem ipsum ipsum lorem.

mike@example.com

John

John Doe

Designer

Some text that describes me lorem ipsum ipsum lorem.

john@example.com

Leave a reply