Lorem aliasry ipsum dolor sits ametans, consectetur adipisicing elitits. Expedita reiciendis itaque placeat thuratu, quasi yiuos repellendus repudiandae deleniti ideas fuga molestiae, alias.

Alex Smith
Designer | Developer

Lorem aliasry ipsum dolor sits ametans, consectetur adipisicing elitits. Expedita reiciendis itaque placeat thuratu, quasi yiuos repellendus repudiandae deleniti ideas fuga molestiae, alias.

Steven Chris
YouTuber | Blogger

Lorem aliasry ipsum dolor sits ametans, consectetur adipisicing elitits. Expedita reiciendis itaque placeat thuratu, quasi yiuos repellendus repudiandae deleniti ideas fuga molestiae, alias.

Kristina Bellis
Freelancer | Advertiser
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap'); *{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } html,body{ display: grid; height: 100%; place-items: center; background: #17a2b8; } ::selection{ background: rgba(23,162,184,0.3); } .wrapper{ max-width: 1200px; margin: auto; padding: 0 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .wrapper .box{ background: #fff; width: calc(33% - 10px); padding: 25px; border-radius: 3px; box-shadow: 0px 4px 8px rgba(0,0,0,0.15); } .wrapper .box i.quote{ font-size: 20px; color: #17a2b8; } .wrapper .box .content{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: 10px; } .box .info .name{ font-weight: 600; font-size: 17px; } .box .info .job{ font-size: 16px; font-weight: 500; color: #17a2b8; } .box .info .stars{ margin-top: 2px; } .box .info .stars i{ color: #17a2b8; } .box .content .image{ height: 75px; width: 75px; padding: 3px; background: #17a2b8; border-radius: 50%; } .content .image img{ height: 100%; width: 100%; object-fit: cover; border-radius: 50%; border: 2px solid #fff; } .box:hover .content .image img{ border-color: #fff; } @media (max-width: 1045px) { .wrapper .box{ width: calc(50% - 10px); margin: 10px 0; } } @media (max-width: 702px) { .wrapper .box{ width: 100%; } }
top of page
bottom of page