Misleading screenshot for using a different bootstrap class

[queenisabaer]

In the sprint 04 feature 1 User Story: Voice Enabled To-Do Item Addition - Step-by-Step is a misleading screenshot.
It shows the bars for the list items and the bar for adding a new item to the list extended to the whole length of the screen. I expected all the classes to be col-12. But instead, the div that encloses the HTML Form attribute with action="/add" has still the class of col-6 (as it was added in the Sprint 02/Feature 2/User Story: Add Basic Styling to the Web App)
Even in the raw source code, that was provided, it has a class of col-6. Therefore, it will always fill only half of the other bars on the screen.
As a "newbie", if I compared my outcome with this screenshot and have a curious mind, I would have thought, I must have made a mistake. I would recommend updating the screenshot, especially since this workshop was designed for beginners.

[fcampise]

Thank you for the feedback, we will take a look at this