All solutions

Hi Guys! Here's my solution to this challenge.

As usual, feedback is greatly appreciated ✨

Hi Guys! Here's my solution to the Fylo Dark Theme Landing Page challenge. I thought I was doing well until I hit a wall with the transition on gradient button elements. I didn't know that you can't transition a gradient. I found a hack online though, using a pseudo :afterelement.

As always, any feedback is more than welcomed! ✨

Hi Guys! Here's my solution to this challenge.

As usual, feedback is greatly appreciated ✨

Hi Guys! Here's my solution to the Time-Tracking Dashboard challenge. The cards are added in the JS using the JS append function.

As usual, feedback would be greatly appreciated ✨

Hi Guys! Here’s my solution to this challenge. My JS is still very poor and even something as easy as a dropdown navigation is still hard for me. So I checked around on Frontend for a JS Code I could almost understand and I found the one of Adarsh (@adram3l3ch) that seemed to be quite efficient. I really want to learn new concepts in JS and I was very interested by the fact that he was using the ‘scrollHeight’ JS property to solve this challenge.

For the CSS part, it’s getting better I think :)

As usual, any feedback is more than welcome ✨

Hi Guys! Here's my solution to the Pod Request challenge.

As usual, any feedback would be greatly appreciated ✨✨

Hi Guys! Here's my solution for the Equalizer Landing Page.

As usual, any feedback would be highly appreciated! ✨

Hi Guys! Here's my solution to this CSS & JS challenge. First time using CSS grid-areas, so any feedback is welcome! For the JS part, I added a noscroll class on the body to prevent vertical scrolling when the mobile menu is open. I feel like my JS might not be the most efficient, still learning. As usual, any feedback is greatly appreciated! Thank you! ✨

Hi Guys!

Here's my solution for the Advice Generator App. Not very used to coding JavaScript yet and I ran into a problem with the API that was always showing me the same advice. Found the solution to my problem on stackoverflow. Adding { cache: "no-cache" } to the response, fixed the issue. Hope this can help!

As usual, any feedback would be highly appreciated!

Hi Guys! Here's another challenge completed! Got to practice with CSS Grid system and helper classes. Any feedback in highly appreciated! Thank you ✨

Hi Guys! This is my solution for the Ping Coming Soon Page. Any feedback would be highly appreciated!

Hi Guys! Another challenge completed! On this one, I got to learn how to resize svg files using the viewBox attribute and a bit more about CSS Grids. As usual, any feedback is welcome! Thank you ✨

Learned quite a lot of new things on that one, especially in the JS part of the challenge. Any feedback welcome!

Any feedback would be greatly appreciated!

It took me some time to figure out that one. Any feedback would be greatly appreciated!

Hi Guys! Here is my solution for the Social Proof Section challenge. Any feedback is greatly appreciated!

Hi Guys! First time using CSS Grid and I had some difficulties getting my image to be responsive. I fixed the problem with an 'auto-fit' as I couldn't figure out what was causing the issue. Also keeping having problem vertically aligning my component on mobile view. The 'align-items-center' placed on the body doesn't seem to have any effect. Any feedback would be greatly appreciated!

Hi Guys! Here's my first attempt to the Huddle Landing Page challenge. It took me some time to figure out how to change the color of an svg file on hover and I also had some difficulty left-justifying the button on desktop view for some reason. Any feedback would be greatly appreciated!

Hi Guys! Received some very helpful feedback and refactored my first solution. I improved the HTML markup, changed some values that were still in px to relative units, removed the 'alt' attribute in the images as it was only decorative and changed the 'cursive' font property to 'sans-serif' to avoid getting 'Comic Sans'. Let me know if I missed something. Big thanks again to Lucas and Deniel!