i000o/ai-question-generator

AI Summary: The task is to align four headings (legends and h2 elements) to the left margin within a web form. The current issue stems from the headings being nested within `legend` elements, preventing proper left alignment. The solution might involve using `display: contents;` on the `legend` elements to remove them from the layout flow while retaining their semantic meaning.

AI Summary: Debug a CSS issue where hovering over a fieldset element causes the entire form to jolt. The goal is to prevent this jarring movement, replicating the smooth hover effect already present on another fieldset within the same form. This involves inspecting the CSS rules affecting the fieldset and potentially adjusting its positioning, animation, or related properties.

AI Summary: The task is to debug CSS styling issues in a web application. Specifically, the issue is that `margin-top` is not being applied correctly between `fieldset` and `legend` elements, and also between `section.step-2` elements. The goal is to add appropriate top margins to improve the visual spacing and layout of these elements.