Solution to Chat App Illustration

What are you most proud of, and what would you do differently next time?

The use of pseudo-code ::before and ::after helped me to add content like accent designs and radio button for the choices in the message container.

The snippet below will show how I did the styling for the mockup radio button

.time:before {
  content: '';
  display: inline-block;
  height: 1rem;
  width: 1rem;
  border: 0.1rem solid var(--radio-btn);
  border-radius: 50%;
  margin-right: 0.5rem;
}

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

I was hesitant to do the phone app but I discovered to make a container that will have respective divs for every element and class to style each individual properly.