Skip to content

Conversation

@Jawadnoori1718
Copy link

What changes have you made?

  • Replaced generic div elements with semantic HTML elements (header, nav, main, section, article, aside, footer)
  • Fixed broken image paths and added descriptive alt attributes
  • Styled buttons with proper colors and hover effects
  • Improved spacing throughout the page, especially in the hero section
  • Fixed layout using CSS Flexbox to match the design

Why did you make these changes?

These changes improve the accessibility of the website by using proper semantic HTML, fix visual issues with broken images, and enhance the user experience through better spacing and interactive elements.

What have you learned?

I've learned the importance of semantic HTML for accessibility and how it affects the way screen readers and other assistive technologies interpret a website. I've also gained experience with CSS Flexbox for layout, button styling, and image path management.

@netlify
Copy link

netlify bot commented May 15, 2025

Deploy Preview for cyf-bfr ready!

Name Link
🔨 Latest commit 4a213a6
🔍 Latest deploy log https://app.netlify.com/projects/cyf-bfr/deploys/682644ce165a330008d5b008
😎 Deploy Preview https://deploy-preview-521--cyf-bfr.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant