Advice to responsive design ui?

[molten geyser]

Hi! I've been developing in Unity for about a month, and a friend and I made a small clicker game on Itch.io. With this project I wanted to improve my UI skills but I had a little problem with the UI.

When I build the project for the web, the resolution destroys my UI (well, that's a bit of an exaggeration, but a lot of text ends up outside the boxes, etc.). I designed the UI using pivots and anchors, but I guess that isn't enough (the canvas is set to 1920×1080).

Could someone give me some advice? Is there a design pattern that I don't know? Thank you so much!

[slender cloak]

Could you share your canvas and scaler settings? Also are you setting up your anchors based on a fixed resolution in the game and scene as well? Could you also share one of your anchors that is being misaligned in a build but looks fine in Unity? Im thinking the way your anchors may have been setup could be part of the resize - I dont specifically develop for web but I dont think the steps for UI is any different unless your setting up letterboxing/pillarboxing or specific rendering techniques

[molten geyser]

Sorry for the delay in replying, I had some issues this week.

This is the canvas setting:

Scale with Screen Size
1920 x 1080
Match width or height
Match 0.5
Pixels per unit 100

Then It have 6 children where each one has the following pivot placement:

1: stretch - stretch
2: top - center
3: top - right
4: middle - center
5: middle - center
6: stretch - stretch