Latest solutions
Recipe page using HTML and CSS.
Submitted 10 months agoGeneral differences between margin and padding and their use case scenario.
Results summary component using CSS.
Submitted 10 months agoUse of data type attributes, and property of flexbox.
Product preview card component using CSS
Submitted 10 months agoSome key usage and implementation CSS Grid in designs like this challenge.
Social links Profile using HTML & CSS.
Submitted 10 months agoHow to make an element in a flexbox with flex direction column take up the entire width of the container.
Blog preview card using CSS
Submitted 10 months agoHow to space the elements efficiently without using multiple lines of code.
QR Code landing page using HTML and CSS.
Submitted 10 months agoAdjusting more than two rows in a div.
Latest comments
- @MariaDoesCodingSubmitted 10 months agoWhat are you most proud of, and what would you do differently next time?@Son1x-7732Posted 10 months ago
It is indeed good. You have given quite the attention to details.
0 - P@RadaidehDanielSubmitted 11 months agoWhat are you most proud of, and what would you do differently next time?
I learned display types and how to make an element fit the container's width.
What challenges did you encounter, and how did you overcome them?Pixel-to-pixel design, I think!
What specific areas of your project would you like help with?Nothing
@Son1x-7732Posted 10 months agoI commend your ability on giving attention to details which is pixel accurate to the intended problem. For this challenge you are good to go. Try doing the same using display inline-flex to learn something new.
Marked as helpful1 - @Med-evSubmitted 11 months agoWhat are you most proud of, and what would you do differently next time?
Being able to understand the logic how to implement styles to html document. Thinking one step ahead how to structure the document.
What challenges did you encounter, and how did you overcome them?NO challenges so far.
What specific areas of your project would you like help with?I should probably try to make the designs more responsive and accessible.
@Son1x-7732Posted 10 months agoYour attention to detail is very good. Just center the main div which is not in the above solution presented and you are good to go.
0 - @Thytan95Submitted 11 months agoWhat are you most proud of, and what would you do differently next time?
How to center a div and its images
What specific areas of your project would you like help with?Best practices
@Son1x-7732Posted 10 months agoNicely Done. Just adjust the width of the main div and you are good to go. Put the challenge part at the bottom of the website rather than the main div.
0