My Tribute Page so far

My Tribute Page so far
0

#1

This tribute title and what it’s about is just a placeholder, I might change it to something that is a bit more specific to me soon. I am open to constructive criticism and tips.

It already passes 6/10 of the requirements, but it’s far from finished. I really want to wrap the paragraph that describes the background of the photo to fit only underneath the photo via word wrap, but I forgot how to do that. Does anyone recommend using flex boxes for it?


#2

Your paragraph is already fitting beneath the photo.

You could also use flexbox and give flex-direction:column to it.


#3

Well, it worked kind of, but I don’t want the text to go past the photo. I tried this:

{
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  letter-spacing: 0.02em;
  box-sizing: border-box;
}

body {
  background-color: #996633;
}

#title {
  font-family: 'Georgia', serif;
}

#image {
  width: 200px;
  height: auto;
}

#img-caption {
  font-family: 'Georgia', serif;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
}