All solutions

How can I make the checkboxes like the ones in the design file?

How do I save info in React on refresh?

How do I implement drag and drop?

Any advice to improve solution?

Any advice for improvement would be appreciated!

How can I improve the simplicity of this project?

Tried to make the project as close to how an acutal tip calculator would work.

Any simpler ways to do the js?

First React project, how could I improve?

I found the CSS challenging, how could I better responsiveness? Especially between the mobile and desktop width.

I used an empty (except the img) HTML div and its children as a template to clone the cards.

How did I do?

How did I do with the desktop dropdowns?

I used padding-bottom to extend the .fcca-item (features, company, careers, about) so the cursor would always be on .fcca-item when scrolling down to .dropdown

First time using a local JSON file, if anyone could help me solve one of the below that would be great!!

-Border-radius not working on bottom-left, bottom-right of the bars

-Tooltip box does not go above the highest bar (the blue one)

-The numbers do not have dollar signs

Any tips to make this project better?

How would I make the button larger if the border becomes bigger? So that they align.

Any ways to improve my footer?

Also. how do I achieve the appearance that the drawer image has (it seems brighter than mine)?

Instead of simply changing display:none to display: block to reveal the answer, how would I reveal the question slowly?

JavaScript: I accessed the number the user selected by getting the class name and then getting its inner HTML (numbers 1 through 5).

Should I have accessed a value or data instead?

I changed body's position to relative for the mobile version and then back to static for desktop in order to correctly position the bottom background picture. Is this right?

Also, how did I do using flex-end (star-section) and flex-start (quote-section) for the desktop version?

This is my second project using grid. How did I do?

This is my first time using grid. How did I do?

Are my background images ok?

Also, is the way I positioned the profile picture ok?

On the desktop version section padding, I had too much padding on the right hand side (right of the h, p, and a elements). This was the only way to get the text to look like it does in the example photo (in terms of which words appear on what line).

Any way I could fix this?

My solution is a little small.

Was using hsla the best way to color the image overlay?

In my media query, was it a good practice to use row-reverse to swap the image and text/statistics?

Did I underline the "Change" link correctly, since the underline seemed to be very close to the word. I used the text-underline-offset property.

Is there a better way to size the icons rather than manually selecting a height and width in pixels?

Is there a better way to shrink the elements for the desktop view rather than manually changing the font/ height and width of each one?

Was using em in the media query the best solution to change the font-size?