All solutions

I really enjoyed styling both the mobile and desktop versions on the same components.

I'm used to using flexbox but this project made me start loving grid as it was more declarative and intuitive to use.

• The styled divs I used for background-image created a second scroll bar which was hidden with overflow: hidden, if there is a more performant way to do this, I would appreciate some feedback.
• Since this is a single card component, I used absolute positioning to place the footer to the floor of the page.

Thank you for reviewing my code.

This is a great way to enhance DOM manipulation skills as a beginner. I chose to use flexbox to make things easier. If there are better ways to this design, please let me know. Added a little hover animation to the design.

This was very fun to do, the toggle functionality was the challenge as this was my first time, stackoverflow helped lead me in the right direction and I learnt about manipulating lists of elements with document.querySelectorAll('') through a for-loop.

Added a little animation to make the cards more lively.

This was a very good learning experience, I learnt about the importance of css specificity and even had help from the slack community when I was stuck.

I really enjoyed making this one as crypto was what got me into web development.

I wanted a challenge and it was truly worth it, I used pure SASS(scss) with HTML to create every single thing on the screen, save for the 3-dot icon I got off google icons, the three dog images and profile picture came from Frontend Mentor. Please I'd appreciate any tips to how I could have made the design scale down to mobile as that is where the layout goes haywire(even had to remove the aside styles as they did not respond to absolute positioning).

I linked the full repo to netlify and since this is my first time doing this I want to know if the repo having screenshots while being put live is a good idea or if there's a way to separate unnecessary files from being bundled into the live site.