I will admit, i clicked because of Vixen. But, since you got my attention:
Good:
- Color palette (choices match main image & heroine’s outfit)
- Font choices.
- Responsiveness: Image resizes well.
Bad:
- Accessibility - https://webaim.org/resources/contrastchecker/ is a useful tool to tell you how contrasting your color choices are for text. I ran your central div’s background color and found that white fails against that orange-yellow background, but black passes very nicely.
- Responsiveness
- At small widths, the black negative space on the sides is too big. I refer you to my answer about Bootstrap here for an explanation of how to acheive it better and an outlink to a great resource.
- Your main heading font doesn’t scale with screen size, so it loses its proportion to the image at smaller widths. I don’t know how to do this in Bootstrap.
Like you, I suspect, I started on the production page, got to 232 points, and jumped tracks to the Beta. Best decision of the program - yeah, I repeated stuff, but without a framework like Bootstrap getting between me and the raw HTML/CSS/JS, I learned it much better. I even redid my first project (which I had done in Bootstrap) in raw HTML/CSS. If you go to the newest,shiniest version of the Beta, you will learn about media queries, which is how I would handle the font resizing and several of the other issues that you have with responsiveness.
[Edit: Advice under Bad.1 - forgot to finish my sentence.]