Skip to content

Conversation

@samglish
Copy link

@samglish samglish commented Jun 6, 2025

Web Standards and Accessibility

Before After
No lang attribute Added lang="fr" to specify the content language (French)
No character encoding Added <meta charset="UTF-8"> to properly display special characters
Not mobile-friendly Added <meta name="viewport"> for responsive design

Visual Presentation (CSS Styling)

Before After
Only font-size defined Added modern font, background color, text color, padding, and spacing
Plain list Bold city names and proper spacing between items
Unstyled links Colored links with hover effect

Content Quality

Before After
Only 4 cities listed Extended to 8 major cities
Hard-to-read numbers Formatted numbers using non-breaking spaces (e.g. 17 836 133)
Content in English Translated fully into French to match lang="fr"

External Link Best Practices

Before After
Just a basic link Added target="_blank" to open in a new tab
Added rel="noopener noreferrer" for security and performance

Professional HTML Structure

  • Clean indentation
  • Proper semantic tags: <h1>, <ol>, <li>, <strong>
  • Organized internal CSS
  • Full, valid HTML5 structure

Copy link
Author

@samglish samglish left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Web Standards and Accessibility

Before After
No lang attribute Added lang="fr" to specify the content language (French)
No character encoding Added <meta charset="UTF-8"> to properly display special characters
Not mobile-friendly Added <meta name="viewport"> for responsive design

Visual Presentation (CSS Styling)

Before After
Only font-size defined Added modern font, background color, text color, padding, and spacing
Plain list Bold city names and proper spacing between items
Unstyled links Colored links with hover effect

Content Quality

Before After
Only 4 cities listed Extended to 8 major cities
Hard-to-read numbers Formatted numbers using non-breaking spaces (e.g. 17 836 133)
Content in English Translated fully into French to match lang="fr"

External Link Best Practices

Before After
Just a basic link Added target="_blank" to open in a new tab
Added rel="noopener noreferrer" for security and performance

Professional HTML Structure

  • Clean indentation
  • Proper semantic tags: <h1>, <ol>, <li>, <strong>
  • Organized internal CSS
  • Full, valid HTML5 structure

Copy link
Author

@samglish samglish left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

review

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