Move Inline Image Styles to CSS

[codeCraft-Ritik]

The feature images use inline styles for width (e.g., 33rem), which limits responsiveness. Moving these to the CSS file allows for easier media query management.

File Path : Grocy/style.css

New Code:

/* Replace inline styles in HTML with these classes */
.features .box img {
    width: 100%;
    max-width: 35rem; /* Adjust based on specific feature image */
    height: auto;
}

Fix CSS Syntax Error - There is an extra closing brace at the very end of the stylesheet that is not paired with an opening block.

File Path : Grocy/style.css

Action: Go to the end of the file and remove the final } following the .categories .box-container .box p block.