All solutions

I'm a little iffy on my result card that displays all the information about the IP address. I was trying to make it a defined height but just left it alone.

It has been a while since I've used React, SASS, and submitted a solution. My media query and markup for my footer(nav links) felt messy so I hope I can improve on that next time.

This is my first CRUD application which definitely took me longer than I expected and felt it was time to move on. I got its main functionality done but, it is currently missing expected persistent score behavior(can keep up-voting or down-voting through refreshes) through local storage and I was not able to complete the bonus challenge for dynamic timestamps. I learned a lot about Tailwind but not sure if I implemented it correctly at all. I feel my react code is honestly a mess especially with how I implemented my Comment and Reply components. I was unsure whether to separate them or maybe have them change by using conditional rendering within one file. There was a lot I learned while going through this project and am happy with how it turned out.

What is a good practice for keeping a linear gradient along with a background image? My solution was to have the main item with the background image, then have a div inside matching it's width and height to put the linear gradient on, and then put my h3 tag for the text so that I can control the text's width specifically to keep the words stacked on each other. Thanks, any tips appreciated!

Definitely a rough challenge for me so I'd like to keep practicing grid on more projects.

Learned a lot about creating a simple grid layout! Doing this project also made me wonder when it would be better to use utility classes vs using selectors and just setting properties in the CSS file.

Definitely some issues while using grid but still happy overall with the results. I also need to spend more time analyzing the design as my JavaScript and CSS seem really messy.

I am wondering if I wrote the code properly to get data from the API. Clicking the button or refreshing the page doesn't change the advice grabbed from the API, and will only change every few minutes or so. Any tips or advice are appreciated!

Wondering if there's a better way to handle input on change events for JavaScript. I just added an event listener to my input to make the error message go away on key press when the user starts typing an email. Any feedback or tips are appreciated!

Any tips are appreciated!

Any tips are appreciated! I did have some problems on the desktop version and trying to space out the picture and main content of the page.

First time trying out separating my project into a handful of components. I mainly wanted to try it out and get a feel for it even if this is a relatively small project. Any tips and feedback are appreciated!

I struggled with figuring out the smoothest way to have the desktop illustration be cutoff within the card container while the box illustration stays on top of everything. My solution isn't perfect in that area and can be seen if you resize the window, so any tips for that would be appreciated!

I had trouble figuring out which colors correspond to which section, so I adjusted and went with what I felt looked the best. I feel that my SCSS file could be cleaner and wasn't exactly sure where to place my <main> tag.

I feel like my CSS definitely could have been cleaner, but still happy with the results.