Gutenberg is a block editor, which means all elements are inserted as individual blocks. You can quickly add new blocks (e.g. text, images, buttons, etc.) or remove existing ones.
Individual blocks can be adjusted later. For example, you can center or align certain text, or you can set an image to span the entire width of the screen.
Elementor works similarly at first glance, but in reality, it is quite different.
It is a “WYSIWYG” editor (short for “What You See Is What You Get”). As the name suggests, you’re able to see the precise final appearance of your page on the display during the entire editing process.
However, the Elementor editor doesn’t work with blocks. Instead, you can add various features (e.g. text, images, buttons, etc.) to your page using drag & drop.
In terms of overall options, Gutenberg cannot yet keep up with Elementor – not even with the standard version of the Elementor page builder.
To get the most out of the WordPress editor, you would have to install additional plugins that let you expand Gutenberg’s functionalities.
This round goes to Elementor – at this point.