Hey,
I just finished my Product Landing Page and I’m looking for feedback.
How do I create 3 price boxes that are the same size? Besides that, is there something else I could improve? Any suggestions?
Have a good one,
yeezus
Hey,
I just finished my Product Landing Page and I’m looking for feedback.
How do I create 3 price boxes that are the same size? Besides that, is there something else I could improve? Any suggestions?
Have a good one,
yeezus
Hi @yeezus1992 !
Looks great, well done!
For the price boxes, my suggestion is that you put them in wrapper div. Set display: flex;
on the wrapper, then flex: 1;
on every price box. That should make them always have the same width.
On narrow viewports, the “About us”-link goes into the logo. You might want to remedy that with a media query.
Another issue when narrowing down is that there’s a lot of white space to the right of the text paragraphs.
Keep up the good work!
Thanks for the answer! I’m going to work on it. Thanks for the input.
Your page looks good @yeezus1992. Some things to revisit;
<body> </body>
element in HTML. (No need to include the body tags). For anything you want to add to <head>
click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
footer
element is outside of the body
element. Everything that the browser renders belongs in the body
element..grid
div<br>
to force spacing. Use margin and/or padding in CSS.link
or import
the font. Unnecessary to do both.Thanks for the info! I’m going to fix it.