Styling like that should be part of the theme, not WordPress core.
In saying that, I’m know that a lot of people might not agree as they are used to what some of the other editors offer. While that seems good on the surface, it makes proper site styling somewhere from difficult to impossible. As an example, imagine that you had a 20 pages, and each one has 5 groups on it, and you want to change the styling for that. Doing it in the theme with proper CSS rules makes this a one-time change, but doing it manually in the admin area means updating 100 individual blocks and hoping that you got the values right.
As a personal note, I would not want this. I’ve seen it done on many page builders before and while it lets designers that don’t know any HTML or CSS at all make changes, it’s very easy to lead to a very messed-up layout that takes hours to fix once clients find out that they can change those values (ask me how I know…).
Perhaps there is some misunderstanding. Currently in the Gutenberg editor you set the styling for your blocks including margins, padding, font size, etc. What I (and many others) are saying is that there needs to be breakpoint mobile options there as well. Same options, just for mobile. The padding you set for desktop might look like garbage on mobile. There is zero reason to not have mobile options in the Styles tab.
The problem is that a lot of wp people are not serious about design especially mobile design and usability. Anyone who is serious about mobile would very much understand the need for this.
Obviously, you would want role based content editing which Gutenberg is also deficient in. Gutenberg needs to grow up and be able to handle these use cases.
yes, i want to know about this also. I find it completely frustrating that I spend all this time making a page look nice on Desktop and it looks complete garbage on mobile and there is nothing i can do about it.
I change an image size on mobile and it change the size for desktop also. This is nonsense.
I understand the frustration with the lack of built-in responsive controls for blocks in FSE. Initially, I encountered this challenge as well.
During a recent proof-of-concept (POC) project, the client’s design team required a high degree of content editing flexibility with specific design preferences. While the core Gutenberg blocks provide a solid foundation for a design system (e.g., font size options for different alignments), responsive control features were missing. ( Requires pre-configured global styles. )
However, the beauty of the block system lies in its extensibility. There are excellent third-party block plugins like Spectra (from Ultimate Addons for Gutenberg) that offer granular responsive controls. These plugins allow you to customize font size, padding, margin, and other styles for each breakpoint (device size).
In essence, while FSE itself might not have built-in responsive controls yet, the block ecosystem offers powerful solutions. This POC experience might be helpful for others facing similar challenges.
Hope this info helps you out! Have a good day!
@watcharakrit
Yes, we know this. I use Stackable on all my sites because of this. What I am saying is this is such a basic requirement that a plugin should not be necessary for responsive settings. Mobile should not be an afterthought in 2024.
