I think I might have messed up the breakpoint system, but when I try to see my design in a different breakpoint, the design size stays the size of the desktop. Does anyone know how to fix this? You can see in the image that the margin stays large even though the screen is smaller. What do I do?
Hi! The reason for the issue is probably in the grid settings or text sizing. Check that you have nothing bigger than the screen width (751px in your case). It can be text+its margins or grid columns+padding
If you still can not find a source of the issue send a link to your site and I’ll look into it
Hi Anastasia! I am not exactly sure how to make sure the text is a specific pixel size, i tried to make sure that it was responsive (the text should resize with the screen so I am not sure whats going on) I did try to add a bigger breaking point and then got rid of it, so maybe thats the issue? I am having the same issue in multiple sections. here is the link https://anaordas1999.editorx.io/prietodesigns/umbrella-centre-project
Both of the texts inside the stack are in pixels. In that way in 751px screen width the sum of the biggest element width and left margin is bigger than 751.
Change both texts width to 100% and then adjust the stack width (better set it to percents)
Here is step by step video: https://www.screencast.com/t/DpWxf0KdRBAd
