All solutions

What are you most proud of, and what would you do differently next time?

I was able to write the vast majority of the non-date-related validation logic myself (albeit a little crudely) and get it working as intended.

What challenges did you encounter, and how did you overcome them?

Working with dates in JS. Had to rely on good ole' ChatGPT to guide me through that part 🤖

What are you most proud of, and what would you do differently next time?

Most proud of: Comfortability of knowing when to employ Grid and when to employ Flex. The JS portion for showing/hiding the mobile navigation menu was also fairly intuitive.

What challenges did you encounter, and how did you overcome them?

This is the first challenge where it felt like there was a lot to consider when writing the HTML, so taking the time to get that correct at the start was a little challenging for me.

What specific areas of your project would you like help with?

No help is needed with this one. Thanks, Frontend Mentor community ✌️

What are you most proud of, and what would you do differently next time?

Quite happy with the mosaic grid effect I was able to hack together for some of the weirder breakpoints.

What challenges did you encounter, and how did you overcome them?

Hacking the mosaic grid effect was a bit of a challenge, but one I was able to overcome using breakpoint queries and grid-row: span.

What specific areas of your project would you like help with?

On the above, are there better ways of telling the grid child items to take up the available width (if empty) on a row or column? This would be helpful to know for the future.

Thanks!

What are you most proud of, and what would you do differently next time?

Most proud of: Identifying the appropriate classes for styling everything early on. There was no ned to revisit and add additional classes later after the initial HTML scope.

What challenges did you encounter, and how did you overcome them?

I initially had a challenge manipulating the image on the Desktop version vs Mobile, but then realised I was being silly and found a simple solution :))

What specific areas of your project would you like help with?

Have I applied the correct semantic HTML elements in this project?

I used W3C and MDN's lists to identify those that seemed appropriate, but if there are better tags I could have used then please let me know.

What are you most proud of, and what would you do differently next time?

Most proud of: My comfort levels creating something like this now (thanks Frontend Mentor ✌️)

What are you most proud of, and what would you do differently next time?

Had a lot of fun with this one. The JS side of things was interesting and a nice break from writing regex and toggling error classes :)

Hey, Frontend Mentor community,

Question re. best practices: For this challenge, to achieve a nice responsive feel on Desktop I opted to use Grid.

This presented challenges on mobile, where the image had to be placed second in the order of elements. To get around this, I added a secondary 'hero image' element and disabled the desktop version using CSS when viewing the mobile breakpoints.

Is this considered bad practice? Is there another method which I could have used to achieve the same result?

Thanks!

It's been a minute.

Decided to have a bit of a hiatus to complete the learnjavascript.online course.

I wasn't expecting to be so rusty with the HTML and CSS. Probably need to do a course on that next :))

Hey, Frontend Mentor community,

This was the first challenge where I felt completely out of my comfort zone.

The design of the component was trivial — easy tbh. Adding the two unique states for the Share popover/controls was incredibly frustrating though. I attempted three or four approaches to creating a single solution that would work for both mobile and desktop, but no amount of Googling or experimenting helped.

If you have a moment, could you suggest a solution that improves on what I implemented? I can tell that my approach is overly complicated but don't know how I would have approached it any differently.

Thanks!

Hey Community,

This challenge marks the last of the HTML and CSS-only Newbie challenges. I'm about to move on to the challenges that include JS next. Can you recommend a great resource for learning JS that will get me up to speed quickly?

Thanks in advance, Scott

Hey Frontend Mentor Community,

As you can see, I've created another masterpiece. I know, it's majestic.

Quick question though, for the life of me I couldn't figure out how to take the main Purple 'accent' colour provided and apply it to the image to match the design. Any pointers on this one?

I tried a combination of using a wrapper with a bg colour, CSS img filters, etc — all to no success.

Thanks in advance!

Hey, Frontend Mentor community

As you can see, I've built another incredible-looking component. Possibly the best ever.

As good as I am, I'd like to get even better — if you have 30 seconds could you review my code and provide some ideas for improvement? Feel free to suggest alternative methods that may be more efficient, or even just entirely different approaches that a seasoned veteran like myself should probably already know by now.

Thanks!