Help css overlapping

Question

I'm new in web programming and below is my example website coz im bored, im trying to create an anime merchandise shop 😁. But the css responsiveness inside seems to be not working, also some products inside is not aligned can someone fix it and make it more appealing to customers? Any help can do check my website 😊 thank you in advance! and let me see the changes ❤️❤️🙏🏻

https://code.sololearn.com/Wa15a132a16A/?ref=app

Answer 1

its okay Shreyash[B-Day Tommorow]🥳🥳 advance happy birthday!

Answer 2

I recommend

Responsive meta tag

https://css-tricks.com/snippets/html/responsive-meta-tag/

Intro responsive web design: You will learn about grid view and media queries.

https://www.w3schools.com/css/css_rwd_intro.asp

Easier version.

https://css-tricks.com/look-ma-no-media-queries-responsive-layouts-using-css-grid/

Answer 3

the css responsive animations there doesnt work

Answer 4

CHANDAN ROY Try adding a comment to the Javascript tab.
https://code.sololearn.com/Wa13a12A178a/?ref=app

Answer 5

Chris C. Wow!! Thanks a lot

Answer 6

Shreyash[B-Day Tommorow]🥳🥳 Please let me know if this still crashes the app.

https://code.sololearn.com/WM60OZcsFd9P/?ref=app

Answer 7

Chris C.
No, the app isn't crashing anymore. What did you change to prevent crashing??? Let us know because a few of my codes had that issue and I couldn't figure out the solution. Thanks in advance!!

Answer 8

CHANDAN ROY Created a new document and copied the code over.

Answer 9

Chris C. Well that doesn't help in my case. Tried that, didn't work. Don't know why that happens

https://code.sololearn.com/WA25A22a7A11/?ref=app

Answer 10

Hi