All solutions

My first advanced challenge. I took a fair bit of time completing this since... I kind of got bored. I had it all done and working weeks ago, but the CSS was painful at times - I even restarted my stylesheet completely over from scratch. Maybe I ought to invest in a pro subscription already.

If I were to redo this I would probably start by using React Router from the beginning - by the time I thought to implement it I had already finished.

My question is that why are some of the design screenshots for the dark and light themes different in terms of margins and whatnot?

I kind of cheesed the styling of the image by using two divs - one with a blended background image and colour, and then one on top of that with some transparency. Is there a better way of getting the same effect?

When building with Netlify I learnt that using target="_blank" is now something you aren't supposed to do, which is interesting.

Otherwise and excellent challenge, I had a lot of fun figuring out how to get the filter working.

I had to cheese things a bit since I had some difficulties with dynamic styling with Tailwind and React, but it doesn't seem to have impacted the production build.

How does one ensure that they are building an accessible website whilst using React?

How much easier are these when you use a CSS framework?

What I found difficult was keeping track of all the code I had produced - lots of different class and ID names can be confusing. I'm not exactly sure what best practices are but I know what I did ain't it.

I'm also not sure why the arrows aren't showing up. They did locally.

I found the layout aspect a bit difficult. I probably could spend more time refining it, and one day I just might, but for now I'm happy with how it is.