Responsive Meet Our Team Section Using HTML & CSS

◘ Code Editor : Atom
◘ Music Name : Diviners - Savannah (feat. Philly K) [NCS Release]

[nenadbadjevic]

Found about your channel yesterday, all of your videos are really helpful and inspiring, thanks. 😄

[kinimodz]

Your videos helped me a lot when i work on my html and css pages thanks. 👍👍

[Alexander-fqbu]

Thanks and like! Please, why you not using flexbox model in this example ?

[nochillcomedy]

Make a video about a navigation bar that when yo scroll down it stays for specific point and after that point it slides up and disappear

[islam_TVs]

the best part is he provide source file.. keep it up man...
please provide Linkedin Account..

[aryankargwal]

can i somehow automate this whole process by adding the new entries in an excel sheet

[Marakwetin]

DONT FORGET TO LEAVE A LIKE IN THE VIDEO NOT HERE!!

[theadrix]

body{
margin:0;
padding: 0;
font-family:"montserrat";
}


.team-section{
background:#f1f1f1;
text-align: center;
}


.inner-width{
max-width: 1200px;
margin:auto;
padding: 40px;
color:#333;
overflow: hidden;
}


.team-section h1{
font-size: 20px;
text-transform: uppercase;
display: inline-block;
border-bottom: 4px solid;
padding-bottom: 10px;

}


.pe{
float: left;
width: calc(100% / 3);
overflow: hidden;
padding: 40px 0;
transition: 0.4s;
}


.pe:hover{
background: #ddd;
}


.pe img{
width: 120px;
height: 120px;
}


.p-name{
margin:16px 0;
text-transform: uppercase;
}


.p-des{
font-style: italic;
color: #3498db
}


.p-sm{
margin-top: 12px;
}


.p-sm a{
margin: 0 4px;
display: inline-block;
width: 30px;
height: 30px;
transition: 0.4s;
}


.p-sm a:hover{
transform:scale(1.3);
}


.p-sm a i{
color: #333;
line-height: 30px;
}


@media screen and (max-width:600px){
.pe{
width: 100%;
}
}

[Ziggie.]

Can you help? My preview doesn't show the CSS that's happening. Only the HTML

[dhyeygami]

Your videos are awesome I loved to learn from them .
I would be glad to get your mail id's for further contact