@mishael-codes
Latest solutions
Responsive Article Preview Card with Share Feature using Flexbox
#accessibility#pure-cssSubmitted about 1 month agoI’d love feedback on accessibility improvements, especially regarding ARIA usage and tab navigation. Also open to suggestions on refining the transition effects for the share tooltip and optimizing the CSS structure further for reusability.
Responsive testimonials grid using CSS Grid & Flexbox
#accessibility#pure-cssSubmitted 2 months agoI’d appreciate feedback on my use of CSS Grid and overall layout efficiency. I'm also curious if there are better approaches for managing spacing and stacking behavior in a responsive grid context.
Responsive four card feature section using CSS Grid layout
#bem#pure-css#accessibilitySubmitted 2 months agoI'd love feedback on my use of CSS Grid—especially if there are more efficient or scalable ways to achieve this layout. I’m also open to suggestions on improving my code structure and responsiveness for different screen sizes.
Responsive product preview card using Flexbox
#accessibility#pure-css#bemSubmitted 3 months agoI’d love feedback on:
-
How to improve the layout on large screens more efficiently.
-
Best practices for responsive typography.
-
Whether my use of Flexbox is optimal or if Grid would be better.
-
Any improvements to the accessibility of the button or general layout.
-
Responsive social profile card using Flexbox
#accessibility#bem#pure-cssSubmitted 3 months agoI'd appreciate feedback on:
-
How I structured the layout and responsiveness
-
My use of CSS custom properties and Flexbox
-
Whether there's a more scalable approach to organizing styles in a small component-based layout
-
Any accessibility improvements I might have missed
-
Blog preview card using Flexbox
#accessibility#bemSubmitted 3 months agoI would like feedback on the overall structure of the HTML and whether I could improve the semantic elements used. Any suggestions on optimizing the CSS or making the code cleaner would be much appreciated as well. Also, if anyone has tips on adding subtle animations to make the card more engaging, I’d love to hear those.
Latest comments
- @Michael-Okorie
hey Mishael, what's good bro I went through your live demo and here's some feedback that might help refine the project even further:
What You Did Well Clean Layout: The component structure is very neat and visually consistent with the original design. Nice use of spacing and padding.
Responsive Design: I appreciate the effort in making the layout adapt to different screen sizes. The card resizes gracefully on mobile and desktop.
on smaller screens though, the project doesn't sit well in the middle of the page and some texts are cut out. If you could fix that, you'd make your awesome project 100x better. Have a great day ahead. You're crushing it.
Marked as helpful - @harsh-mohan-99What are you most proud of, and what would you do differently next time?
I am proud of i am managed to understand the basics of grid. and i will make it more efficient in less time.
What challenges did you encounter, and how did you overcome them?Its challenging for me to determine this gird elements size. After thinking a lot i left without giving a size.
What specific areas of your project would you like help with?I would like to ask help in determining the size of grid element for better layout.
@Michael-OkorieHeyyy Harsh, your testimonial grid is an amazing work of art. I love the subtlety of the box shadow. It was quite impressive. I also love how the estimonial grid was centered and responsive an well. You did an amazing Job, Haesh. Cheers.
Marked as helpful - @free-care@Michael-Okorie
Hey free-care, this is very amazing. Your card was beautiful and responsive as well. I was quite impressed. I have to ask though, did you use css grid layout or flexbox and how did you use react? I would really love to know. Apart from that, your work was perfect.
- @AriarzgWhat are you most proud of, and what would you do differently next time?
I started to use
What challenges did you encounter, and how did you overcome them?emfor some font sizes and padding and margins to make it more responsive. And I am proud of that.I had some troubles to calculate the
What specific areas of your project would you like help with?clamp(). and I used This Website to calculate it and it turned out very good.I am open to any suggestions.
@Michael-OkorieHii Aria. I love your work. It looks totally awesome and the responsiveness is amazing as well. Keep up the good job, Aria. You're amazing.
Marked as helpful - @Nova360What challenges did you encounter, and how did you overcome them?
Faced challenges with making minor adjustments re: responsivity; I referred to mini projects I completed throughout the responsive design course. I also revisited previous tutorials.
What specific areas of your project would you like help with?Centering the sale price vertically, I was able to get this to work however it resulted in the parent flexbox taking up tons of space so I removed that "solution" because I was unable to resolve the issue of the space being overrun by the flexbox.
@Michael-OkorieYour work is perfectly amazing, bro. I noticed the footer wad overlaying on the card. But other than that, this is a perfectly responsive card. Good job, philip
- @SylvainPS78What are you most proud of, and what would you do differently next time?
- Using BEM method
- Overlay using ::after
Any comment will be welcomed
@Michael-OkorieThis is quite amazing Sylvain. It looks like the border radius you used was rounder than expected. But other than that, you did an amazing job. I also noticed what you did with your name on the footer and i have to say, I was quite impressed. This is beautiful.
