All solutions

I absolutely loved working on this project, especially building the hamburger button and programming its logic. I did my best to incorporate all the necessary accessibility features, and hopefully the website would be accessible if accessed via assistive technology. I'm keen to improve my knowledge of accessibility features, and your feedback is very welcome. Cheers!

This was the toughest JS-related challenge I've ever completed. I'm keen to learn more about people's approaches to the following aspects:

1. The select tip section: how did you structure your HTML and why. I enjoyed redesigning the radio buttons in CSS, but had a hard time with these in JS.
2. Accessibility: which are the best JS input events to use to accommodate not only typing but tapping as well.
3. Do you use JS Constraint validation API? If so, please feel free to share your experience. Thanks!!

Some feedback on theme toggling would be greatly appreciated. Thanks!

This was the most challenging app I've completed to-date. I'm really keen to learn more about theme changing.

Cheers!

This has been a fun and challenging project. It's the first time I've used Parcel and new Dart Sass. I'm not an expert in Sass but I'm keen to learn more about using "@use" & "@forward" syntax - so any feedback would be appreciated. Also, if anyone could point me to a good, preferably written, tutorial on a workflow using Parcel, I'd really appreciate that too as I feel in this project I've guessed my way through a lot of Parcel-related stuff. Thanks guys!

I loved this challenge, as I could practise flexbox and its ordering of flex items. Any feedback and further comments are most welcome!

This has been a great challenge for me to practise creating semantic forms using HTML5 and JS. While I completed the challenge, I feel I'd like to learn more about current best practice for creating web forms. I've read through a lot of online resources and couldn't find anything more or less definitive on this point. Cheers

This was a fun challenge to practise using <picture> element as well as JavaScript for validating the form input field.

I really enjoyed working on this challenge. I used grid (grid named areas) for replicating the provided designs. I also added a touch of hover effects on the cards using transform: scale property. Overall it was a really fun project to work on!

I'm keen to learn more about forms and form validation. In particular, using HTML5 built-in form validation tools as opposed to using JS. Thanks!

This challenged turned out to be harder than I'd anticipated! This is my first 'big' project that involves a landing page rather than a component. One of challenges I faced was deciding how to organise my CSS code base. At the moment, it just flows on alongside the HTML structure. However, I'm keen to learn about any techniques of structuring CSS and making it more readable/logical. I'm about to start learning Sass - so I anticipate that would be a good method to ensure the codebase is well thought through and maintainable. I was wondering what others do (especially in the industry). I approached this challenge with a mobile first style, which I think is the golden rule these days (but again would be nice to hear someone else's experiences). One question I had was whether or not it's acceptable to use Grid for mobile layout. I really like it and I feel like it makes life of a developer so much easier! I wonder what others think about this! Any other feedback is very welcome! Cheers!

I really struggled with implementing CSS for pop ups on active state in this challenge. I ended up creating an absolutely positioned child element within a relatively positioned parent element. While this approach worked well, I felt it was more of a hack rather than a normal industry practice. I was wondering if anyone might know how these types of components/cards are designed in real life, eg is it OK to use something like Bootstrap to save time? My second question is about the best tool to use for the layout. I ended up using a little bit of Flexbox on some divs to help me with manipulating elements in an easier way, but I also used floats in mobile veiw. I tried using Grid and felxbox on the mobile layout and they simply didn't work due to fluid widths and heights of the elements in flexboxed divs or grid divs.