Task Description
The CNCFInfo component applies the CSS Module class logoImage to the CNCF logo image, but the corresponding .logoImage class is not defined in styles.module.css.
Because of this, the image renders without the intended styling and falls back to its default SVG dimensions.
Expected Behavior
The CNCF logo should have a dedicated CSS class to ensure consistent sizing and responsive rendering across different screen sizes.
Proposed Solution
Add the missing .logoImage class to src/components/CNCFInfo/styles.module.css.
Example:
.logoImage {
width: 100%;
max-width: 400px;
height: auto;
display: block;
margin: 0 auto;
}
This will ensure the logo is displayed consistently and responsively.
Task Description
The
CNCFInfocomponent applies the CSS Module classlogoImageto the CNCF logo image, but the corresponding.logoImageclass is not defined instyles.module.css.Because of this, the image renders without the intended styling and falls back to its default SVG dimensions.
Expected Behavior
The CNCF logo should have a dedicated CSS class to ensure consistent sizing and responsive rendering across different screen sizes.
Proposed Solution
Add the missing
.logoImageclass tosrc/components/CNCFInfo/styles.module.css.Example:
This will ensure the logo is displayed consistently and responsively.