Latest solutions
Result Summary Component
Submitted 9 months agoI will like to see others approach on how they solved it, that way I can be informed of better way to approach similar problems next time
Product-preview-component
Submitted 9 months agoI would love to see other approaches to solving the problem
Flexbox for centering card vertically, basic HTML and CSS
Submitted 9 months agoI would like to know why the project displays differently on Mozilla firefox and google chrome.
Latest comments
- @Shiv1630-cyber@Airme1
Although not pixel-perfect, it looks good.
The right side of the card can be corrected, you can add equal padding to the right as you added to the left.
Also, I can see that you have not made any modifications to your README or README-template, it's good you get acquainted with doing that. The benefits are not just for others but for you as well.
I can see what you were trying to do here
picture img{ height: inherit; width: auto; border-radius: 10px; }
the <img/> element is not a block level element, so if you intend using:
width: auto
you have to set display to:
display: block
Also, you can check Kevin Powell's YouTube videos to understand how to work effectively with images in CSS.
Keep building, keep debugging, keep growing, keep learning!