All solutions

Feedback is appreaciated

Feedback is appreciated

How do I make multiple ripple effects appear at the same time instead of just one.

First time using tailwind. As usual any feedback is appreciated.

Quite a difficult challenge, first time using react-router on a project. As usual any feedback is appreciated.

How should I be hiding my API key, if I want to keep it secure . From what I understand if I use .env the key will still be embedded in the build. I've seen wildly different answers on this stackoverflow post, https://stackoverflow.com/questions/48699820/how-do-i-hide-api-key-in-create-react-app.

My first react challenge, this was a pretty fun and difficult challenge to work on. Didn't manage to implement the drag and drop feature since the solution I came up with was clunky. Can anyone recommend any 3rd party libraries to implement this.(other than react-beautiful-dnd)

Also how can I shrink the check icon(image)in the background. This is how I did it but the image ended up being too large. background: url("../src/images/icon-check.svg"), linear-gradient(hsl(192, 100%, 67%), hsl(280, 87%, 65%));

Didn't quite manage to deal with all the breakpoints ,the mobile and desktop screens are fine but my card images clip into the form at a certain screen width, should I switch the flex-direction to column at that point

How do you get a slide gallery to scale with the width of the page without leaving any margin. I've tried countless different translation(>100%) values and I can't quite get it to look right on all screens.

I couldn't quite match the layout .Should I use a set width and height for Patrick's and Kira's testimonial cards. This is the only problem I encountered.

What's the best way to place a div in the center of a page, can you do it without using absolute positioning?

I got my solution from stackoverflow (https://stackoverflow.com/questions/356809/best-way-to-center-a-div-on-a-page-vertically-and-horizontally)

Difficulties: Managing image sizing as the page grows and shrinks. Implementing animations for the navigation (I didn't use any animation libraries)

I'm unsure about the positioning of my image as well as the size ( it doesn't occupy the full width/span of the page )-could really use help with this.

Also how should I go about switching the image based on screen size. I used a picture element and a media query. <picture>

Challenges: Implementing various animations for the slide menu and explore button as well as the active state for the various tabs. UI design fundamentals Implementing accessibility options Building the website with a multitude of devices (screen sizes) in mind.