Hello All ,
i am submitting my product landing page for review, i do not have a natural proclivity for this, however, any feedback is appreciated. I have pasted the link below.
The layout has two main problems, both kinda related:
- the product offering (club memberships) div is a little bland. You may want to punch it up with some fonts, colors, maybe separate “cards” for each membership.
- You have included the font from Google in the html, which codepen doesn’t allow for security reasons. If you follow the advice on this pen for how to include web fonts it should work.
- Right now, there is no “gutter” on the left so all the words for the h2 elements are right up against the border. You need some padding. W3 box model for reference
- responsiveness: at smaller viewports, the elements have weird widths and margins between them.
- You could solve this by specifying that using
@mediaqueries. - The club membership is really problematic at narrow (phone) viewports: It’s all smushed together on the left.
- You could solve this by specifying that using
Minor problems:
- The video has ugly black bars. Experiment with different values for the
heightproperty, like100%. - The tesselating coffee mug isn’t a great design. Maybe consider using the
background-attachment: fixedproperty:value pair. W3 reference page on backgrounds. You can play around with position and size until it looks good at all viewports (showing the foam cap).