All solutions

This is my first time of using css grid. Please send in your feedbacks. Cheers 😊

All Feedbacks are welcome.

I'm trying to improve my use of html semantic tags so if you're very versed in this area, let me know where I'm using the wrong tags and let me know what tags are more appropriate for what. Thank you

I need help with the first and last tool cards..for some reason when the flex direction is column the first and last cards don't take up their full width, the the two middle cards do(try to resize the screen width to 768ps to see what I'm saying). I've tried debugging this without any luck. Please I would appreciate some help.

This is my submission for The Article Preview Component. Corrections are very much welcome.

Hi folks! This is my submission for the Social Proof Section challenge. Let me know what you think. Thanks

I spent a lot of time trying to use srcset to make the browser automatically select either the mobile illustration image or the desktop. I couldn't achieve that so I resorted to the good old 'hide and seek' technique. Is there way to achieve that using srcset or is there a better way to go about this altogether?

Your feedbacks are very much welcome. Thanks

It gets better with each challenge. I am thankful for this community. This is my submission folks! Corrections are very welcome. Thanks ✌🏽

This was pretty easy to achieve. Corrections and tips are welcome still ❤

I ran into a lot of problems before I was able to make this display on mobile. I have a lot of questions that I don't even know where to start.

UPDATE!

I figured out what I was doing wrong by inspecting bootstrap grid(since they use flexbox for their grids).

What I found out: I was setting a fixed flex basis of 50% on the flex items on mobile. This was inherited from the default style I set for the desktop view(flex: 0 0 50%). I fixed this by setting flex to "0 0 auto" (you can set flex-basis alone to auto if u like). Note that i still had to set a fixed height got the flex item container with the image background for it to show up.

I will appreciate if anyone who is versed in CSS to help me take a look at my code and advise on the things that I'm doing wrong.

Also, for some reason, border-radius doesn't reflect on the row class, Is there a reason for this. This confuses me.

I intentionally submitted it this way so I can get helpful feedbacks so I can refactor my code. Help is greatly needed. Thanks!