All solutions

Encountered a problem for doing the top-border for a div with both gradient and border-radius, instead I used a parent div with the background gradient and border radius and top-padding of border width, and inserted a div with width 100% and height 100% bottom radius for the content. Is it a good solution or could I make it simpler? Thanks!

This component is made in React, using ViteJS, using the:

useState to manage changes and variables useEffect and axios to fetch the API LocalStorage so the user does not have to go through all the advices every time the browser is refreshed. Css as Module not quite necessary for this project, but good practice for scalable projects.

Any suggestions are Welcome!

This is a Rating component done in Vanilla JS.

The Rate in local session and then returns for the summited card. Also wanted to try an ReactJS Version that can be seen in the react-try branch on my repo. This time the Rate uses useState hook to store and return the value as it uses a SPA concept.

Any suggestion is Welcome!

Is there a better way to do responsive component instead of?

@media only screen and (max-width: 750px) and ( orientation: landscape){
}
@media only screen and (max-width: 450px) and ( orientation: portrait){
}

What is the good pratice and where could I study it?

Any other points, critics and comments will be appreciated!