I just imported new component into canvas. It has some styling at 600px. I want to delete this breakpoint. I want my own breakpoint at 576px. Now I want to move all styling from 600px to 576px. How to do it?

Is the breakpoint a default one? What colour is it?

Let me share a screenshot. There should be an easy way to do it.

What happens on the left side of the breakpoint you want to eliminate? If the only thing that happens is that the logo places itself in the centre above the text links, You can delete the br.point you want to keep and move the other one down there instead if you haven't styled any other parts of your site at that 576 br.point, that is.

Let me make it simple. Can you tell me how to edit breakpoint 600px to 576px by keeping the styling?

How much simpler do you need
Grab the breakpoint at the 600px mark, drag it left until past the 576 mark
delete the 576 mark breakpoint and then move the one you just moved to the 576 mark. Its that simple

The other complicated way is to make a note of every piece of styling at the 600px mark, then move down so the 576px mark is active and then refer to your notes to adjust the styling

Or but this may be risky
delete the 576px mark breakpoint and move the 600px mark breakpoint to the 576px mark breakpont, probably better to save your file first before attempting this, just in case then if it doesn't work just close without saving the changes,

thanks. it worked. I'll continue to test it.