
Submitted 21 days ago
Put an image next to the text with display and vertical-align
@notfaraway
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
- Learning to center a box with the following html coding.
body { display: flex; align-items: center; justify-content: center; height:100vh; background-color: hsl(47, 88%, 63%); }
-
Learning to add shadow to a box with
box-shadow: 7px 7px;
-
Learning to put an image next to the text with the CSS coding below:
What challenges did you encounter, and how did you overcome them?.author-photo { display: inline; vertical-align: middle; } .author-name { display: inline; vertical-align: middle; }
Challenge one: add shadow to a box
Solution:box-shadow: 7px 7px;
Challenge two:put an image next to the text
Solution:
.author-photo { display: inline; vertical-align: middle; } .author-name { display: inline; vertical-align: middle; }
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord