Responsive Social links profile using CSS flex

Community feedback

• 

  MikDra1•6,920

  @MikDra1Posted 3 months ago

  To improve the HTML and CSS, consider the following:

  • Semantic HTML: Use more descriptive HTML5 elements like <header>, <nav>, <main>, and <footer> to enhance accessibility and structure.
  • CSS Organization: Group related CSS rules (e.g., typography, layout, colors) for better readability. Consider using a preprocessor like SASS for modularity.
  • Responsive Design: Ensure the layout adapts smoothly across various screen sizes, possibly integrating media queries for better control.
  • Accessibility: Improve ARIA roles and labels for screen readers. Ensure high contrast for text and background colors.

  Hope you found this comment helpful 💗

  Good job and keep going 😁😊😉

  Marked as helpful

  1
• 

  Affan Amer•370

  @AffanRMPosted 3 months ago

  Hey, good work on the website! There are a couple of suggestions I have for you:

  • Firstly, it's better to specify the font size in rem/em units rather than pixels (px) as it helps improve the acesssibility of the website
  • Secondly, you can add the following code to your buttons so that the cursor changes to pointer when the user hovers on them: button {cursor : pointer;}

  Marked as helpful

  1

  ---

  

  Beaddu•10

  @AbdopaminedPosted 3 months ago

  @AffanRM Thank you I will learn about these units and will keep the cursor in mind when I improve the solution.

  1

  

  Affan Amer•370

  @AffanRMPosted 3 months ago

  @Abdopamined I'm glad I could help. Let me know if you need any further assistance!

  1