ImagesLesson 88Free preview
Meet the Team
This lesson is part of How To · All levels
Summary
Meet the team is a page section that introduces team members through a card containing photos, names, roles, and contact links. The responsive grid layout makes the cards neatly arranged and adjusted the number of columns. A consistent card style helps to unify the whole piece.
Key points
- Each member should be wrapped with a consistent article or card element.
- The auto-fit grid allows the number of columns to adjust the screen width.
- Round profile photos are made with the same size and border-radius of 50%.
- Names, roles, and contact links are arranged in a clear visual hierarchy.
- A slight hover on a card can give an interactive impression without exaggeration.
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.