All solutions

I have not added mobile view. I feel like I have been improving and getting used to the CSS. Any constructive criticism is welcome.

So I am stuck. How are you guys achieving the active state? I am getting confused about the strat used for making that modal appear. Any resources on how to make modals? That is the only thing that's missing. And yes I have still yet to implement mobile view. I really appreciate any help you can provide.

I got back after several days so I tried one challenge using vanilla js and HTML+CSS. I have left out the mobile view and the arrow image rotating animation. I have gotten some confidence and will resume using React as its a lot easier to implement JS using react

I tried new libraries, namely Tailwind-CSS and React. Its not needed for this project and I did not use it to the fullest. I am trying to learn hence its not perfect, far from it actually. I look forward to improve this and add features too. I have uploaded this just to satisfy myself and not burn-out myself. Thank you for understanding.

Hi everyone, I have been trying to practice layout. I am getting pretty confident with it. I have skipped the mobile layout as I plan to come later and implement it for all of my other solutions later. This was a bit simple compared to the ones I previously encountered.

My initial strat was to master HTML and CSS and then move on to JS but I believe that it is not very motivating to constantly practice the same without introducing some variety. Hence this didnt turn up the best as I was very much distracted. I have not added the mobile view either. Will comeback later.

Focusing on the layout. I know it's not responsive. Will start working later after getting a firm grasp on css.

It was a joy doing this as I found myself to be very confident this time. I looked up semantic HTML and tried to implement it as best as I could. I have started using <img> tag instead of the CSS property. Thank you all for your critique, as I have been slowly improving my confidence too. As always any helpful critique is welcome.

(I have noticed that I have left out the Active/focused stated for the picure. I will update it when the time permits)

This was fairly easy for me. I found a lot of helpful critiques for my last post, especially the tip to use the <picture> instead of <img>. I will use it in my next challenge as I was already halfway through this challenge. I know it's not perfect but I don't want to exhaust myself trying to perfect every little detail. Looking forward to any helpful critique or tips for this one too. Thank you.

While doing this challenge I had to do a lot of googling and actually take others' code sometimes. Am I doing it right or Should I just focus on mastering the required skills and then start doing projects? Please if someone could clarify.