Put an image next to the text with display and vertical-align

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:

.author-photo {
  display: inline;
  vertical-align: middle;
}
.author-name {
  display: inline;
  vertical-align: middle;
}

What challenges did you encounter, and how did you overcome them?

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