My CSS is very rusty so I need some help brainstorming to fix a profile. It's

Mysterious Owl Plushie. The moon is supposed to be round with all the fields inside it. It displays fine for me on different browsers and screens but I got feedback that the moon isn't looking round or its contents are outside it and near the top. :/ Can someone help me out, please?

The moon looks like it resizes when the resolution is less than 1200px wide. I was able to get the moon to stay circular by changing your code to from "display: table-cell" to:

{ display: block; }

...keeping the rest of the code in tact, of course. I'm not sure if that's best practice - I honestly have yet to wrap my head around display types. I don't know what the benefit of using a table-cell vs. a block might be.

I was able to view the profile in three different browsers and none of them took the contents out of that content div, so I don't know if I'll be of much help there. Lovely profile, hope that helps! :)

thank you, you're a life saver! I've forgotten what the difference is too and display: block didn't even cross my mind.