Closed cutestsun closed 9 months ago
Add the following styles to the styles.css file:
.contact-info__header, .contact-info__sub-header { text-align: center; } .contact-info__header { color: var(--primary-text-color); margin-bottom: 15px; text-decoration-color: var(--text-decoration-color); text-decoration-line: underline; } .contact-info__sub-header { color: var(--secondary-text-color); margin-bottom: 30px; } .contact-info__block { display: flex; flex-direction: column; justify-content: space-between; } .contact-info__block--center { justify-content: center; } .contact-info__item { color: var(--secondary-text-color); text-decoration: none; display: flex; justify-content: start; } .contact-info__item:not(:last-child) { margin-bottom: 20px; } .contact-info__item-icon-wrapper { margin-right: 10px; width: 20px; display: flex; justify-content: center; } .contact-info__item-icon path { fill: var(--icon-color); } .contact-info__item-icon { height: 1.1428rem; vertical-align: text-bottom; } .contact-info__avatar { border-radius: 50%; width: 100px; height: 100px; object-fit: cover; border: 3px solid; border-color: var(--text-decoration-color); }
Done
Add the following styles to the styles.css file: