Latest solutions

Here are some of my concerns:

• Is my JavaScript code easy to understand? I created a lot of functions in order to separate the logic and make it more readable. Hopefully, I was able to achieve that.

• Is my Sass files organization easy to follow? It is my first time using an architecture in organizing my Sass files. I got inspiration from the 7 - 1 architecture by Sass and change it a little bit for my project.

• Did I use the correct HTML elements for this project? I used a radio group and radio role for the tip percentage selection. I asked AI about it and it seems appropriate for me.

• How can I improve the accessibility of this project? I used a couple of aria attributes but I don't know if I used it correctly. Just correct me if I am wrong.

• How is the user experience of my output? I wrote a lot of logic in my code and I want you to try out my solution.

As usual, any feedback is welcome and I will be happy to read it.

Background Adjustments: I would appreciate some guidance on fine-tuning the background images for different screen sizes. While I’ve set different images for mobile and desktop, I’d like to improve the alignment and ensure they cover the screen correctly without distortion.

I still think my project still looks very "beginner". Not only the result, but the code itself, I believe it could be much shorter but I don't see any other way to do it.

I would need help with responsive layout and accessibility.

1. I would like help with the desktop design it overflows the screen.
2. I also need help in styling the <ul> and <ol> to look like the design, and also styling the table.

I think the biggest thing for me is still wanting to get advice about how to organize the component using semantic HTML.

I am just getting my feet wet, so I haven't encountered anything that I need help with on this challenge.

In putting a shadow on the cycle shapes of the rock, scissors etc...

• The ultimate way to use <Imagebackground> tag to control how areas are filled by images.
• How to handle SVG files in React Native without converting them to PNG.
• The meaning of the definitions in the metro.config.js file.

i would like to get the help for my design consistancy

Centering it. I'm never able to make it work.

Em nenhuma, está tudo bem por enquanto!

Any constructive feedback is welcome! HTML semantic, CSS variables, responsive tips, CSS class organization...

Mostly, the CSS layouts as a whole, some tips and tricks would do me well to understand them better.

Does anyone know any better/more effective way of centering <main>in the situation I described in the section above?

I think I need to spend more time on CSS.

I couldn't figure out how to fix the bottom part of the card if the user changes the viewport width. if they don't refresh the page it breaks the component.