All solutions

Hi! this is my solution for the tip calculator project. I struggled with the custom button (updating the value for that) and the updating of values when the input changes. Is there a smart way of doing this?

Hi! This is my solution for the Testimonials Slider. I struggled with positioning both the image and the navigation buttons correctly. I'm unsure how I could have done it differently and would love to get some tips on this so I can improve on it. Thanks in advance. ^^

Hi! I've tried to work with SCSS and Jquery for the first time. Would love to get some feedback on specifically the nesting (scss) and formatting of my jquery code! General feedback also appreciated. ^^

Hi! This is my solution for the Huddle landing page. I've used Javascript to validate the email and give a custom 'error' message upon an invalid input. I did struggle with the validation pop-up that seemed to already be present. It seemed to be a browser thing and the only way I could disable it was by putting 'novalidate' on my form. Would love to hear if anyone has any tips for this.

Would also love some general feedback! ^^

Hi! This is my solution for the introduction section with dropdown.

My main question regarding this was regarding the image scaling. I've set the image as a background-image on a div. On mobile, this means it won't show up (because the div has no height due to there being no content in it). I've been setting a padding-top on the div to make sure it shows up, but would love to know if this is the correct way to handle it.

Any general feedback is also greatly appreciated! ^^

Hi!

I struggled with getting the correct sizing for my background images. I ended up using padding-top, but I'm not sure if there's an easier way to do it. Would also love some general feedback as well!

Thanks in advance. ^^

Hi! This is my solution for the Four Cards Feature section. There wasn't anything specific I struggled with this time around, so some general feedback would be appreciated! ^^

Hi! This is my solution for the Article Preview challenge. I struggled quite a bit with the sizing of the boxes. I settled on using min-height, which I am sure wasn't the best way to do it. I'd love to get some feedback on this ^^. General feedback is also greatly appreciated.

Hi! Here's my solution to the Accordion FAQ. I struggled quite a bit with the 'shadows' behind the image (both on mobile and on desktop). I got them to 'about right' but would love to know how someone else would've done this (possibly in a more effective way than I did). Especially the box that you can see on top of the image on the desktop caused me some problems.

Would love to get some general feedback as well! ^^

Hi!

This is my solution to the Rating component. I really struggled with the Javascript involved in this. I initially tried to do the rating by creating a PHP file before finding out this wouldn't work with Github. I would love to get some general feedback on how to improve my code.

Hi!

This is the solution to the Profile Card Component Challenge. My main issue was with the background images. I could not figure out how to size them correctly so they would both look good on mobile and on desktop. I would love to know how I could tackle this in the future.

Any general feedback is also welcome! ^^

Hi! Here is my solution to the three column preview challenge. Any feedback would be greatly appreciated! ^^

Hi! This is my solution to the Stats Preview Card Challenge. My main challenge with this challenge was the responsive part. I am not entirely certain if my use of media queries can be considered best practice, even if the design looks okay on my end.

Along with that, I am not entirely sure if I'm just going insane, but on desktop, it looks like my two boxes don't perfectly align. There seems to be the tiniest height difference although the height of the divs is the same. Is it just optical, am I seeing ghosts?! What's the story here? :')

Any general feedback would be greatly appreciated as well!

Hi!

I finished the order summary challenge. The main question I had this time was regarding the best practice of (consistent) spacing between elements. Where do you apply padding or margins? Should I create a new class or apply it directly to the elements? And in doing so, do I just give each a padding-top or should I use the shorthand padding property?

Any general feedback is also appreciated!

Hi! Here's my solution to the NFT Challenge.

Main thing I was wondering was about the image alt texts. When do you add this? I read online that decorative images should not actually have an explanation, thus all of the images in the code right now have none (empty value) as it seemed to me they would not make the contents any clearer. Was this correct?

I also struggled a fair bit with the overlay onto the image. Is what I did best practice?

General feedback also very welcome! Thanks in advance.

My main struggle while working on this was getting the component to center on the page. While I managed to do so, I am not entirely sure if I did this in a way that is considered best practice. Would love to hear any feedback!

The main issues that I came across were regarding best practices. Specifically when to use headings (h2, h3, h4, etc) over paragraphs, spans, or divs when it's not a 'conventional' webpage with several clear sections.

Along with that, I am wondering if this was the best way of implementing the responsive design. I found myself preferring to work by creating the desktop layout first. Would this cause issues in general?

Would be happy with any feedback as I'm just starting out.