Latest solutions
Latest comments
- @TejaswiniLabade@lucasweidas
Good job in that one!
You have a problem centering the
main
container. To fix it, just add these lines to yourbody
tag.min-height: 100vh; display: flex; justify-content: center; align-items: center;
Then, remove the
margin: 100px auto 0;
line inside your media querie in.container
.Keep it up!
Marked as helpful - @louisenorrsen@lucasweidas
Good job on that!
Something I think you need to improve: change the
div
inpayment-btn
andcancel-order-btn
to abutton
tag. Usediv
only as a generic container.Keep it up.
Marked as helpful - @ankithapai@lucasweidas
great job on that one!
First of all, you have two folders with the same name, but the first one is useless. So, you need to move your second folder called qr-code-component-main out of the first one, and add on your Webdev folder. This change will make the github page identify your index.html and the page will work just fine.
Keep it up.
Marked as helpful - @alt-plusF4@lucasweidas
Nice work on that one! But you need to wrap all your main content, in this case it is
div class="bg"
anddiv class="mid"
, inside amain
tag. Also, you can wrap yourdiv class="attribution"
within afooter
tag. Keep it up!Marked as helpful - @nakoyawilson@lucasweidas
Nice job, Nakoya Wilson! I see a small problem with the
background-image
in yourbody
. To fix it, just set this code.@media (min-width: 1440px) { body { background-size: 100% 52.5%; } }
Marked as helpful - @laurstevenson@lucasweidas
Greate job, Laura!
To fix the "main" landmark problem, you need to wrap the "div.panel" with the "main" tag.
To fix border radius trouble, change the "@media (max-width:500px)" to "@media (max-width:899px)", and the two class ".pricing-plan" inside them, to:
.pricing-plan:first-child { border-radius: 10px 10px 0 0; } .pricing-plan:nth-of-type(3) { border-radius: 0 0 10px 10px; }
Sorry for my bad english :)