Michelle Chong
@mdchongAll solutions
- Submitted 2 days ago
Testimonials Grid Section
- HTML
- CSS
I was not sure if I should use p or a blockquote, but I decided to choose the latter and place the p tag in it. I want to know if this is a good practice or use!
- Submitted 8 days ago
Four Card Feature Section
- HTML
- CSS
Total layout of the HTML/CSS. And I am willing to gain help with making my SASS/SCSS much more convenient and cleaner!
- Submitted 19 days ago
Product Preview Card Component
- HTML
- CSS
The HTML structure and how to change the color of the icon!
- Submitted about 1 month ago
Recipe Page
- HTML
- CSS
I was unsure if using another div (.recipe) inside another div (.container) is efficient. I initially had issues when using paddings inside the .container div while leaving the image to fit fully inside the container. So, I decided to place another div (.recipe) to make it separate from the image. Later on, using a media query, I placed 0 padding to the div (.recipe) and added the padding to the div (.container). (I hope this makes sense... 🥺)
By learning that trying our best to keep HTML clean at most, I was unsure if using another div (.recipe) inside another div (.container) would be a nice practice.
- Submitted about 1 month ago
Social Links Profile
- HTML
- CSS
The container's padding difference in the card. I can see that the card's padding for mobile is narrower than the desktop. I really tried my best to figure out what I can do instead of using media query.. but could not ):
- Submitted about 2 months ago
Blog Preview Card
- HTML
- CSS
I would love help with understanding why the flexbox for html did not work like the first challenge (QR Code Component) and only worked in the body tag to center the card. I would also love it if there is anything to optimize my HTML and CSS!
- Submitted about 2 months ago
QR code component
- HTML
- CSS
Why I need to use min-height: 100svh instead of just height was very confusing.
Also, it would be helpful if my mentor could help revise my HTML and CSS, and identify what is unnecessary.