- 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; }