Responsive body design using flexbox

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted 11 months ago

  Hello there 👋. Good job on completing the challenge !

  I have other suggestions about your code that might interest you.

  • Use semantic elements such as <main> and <footer> to improve accessibility and organization of your page.

  • The alt attribute should not contain the words "image", "photo", or "picture", because the image tag already conveys that information.

  I hope you find it useful! 😄

  Happy coding!

  Marked as helpful

  1

  ---

  

  ABDULFATAI ADISA•20

  @khalid225Posted 11 months ago

  Thank you @MelvinAguilar I will take note of these points and make amends

  1
• 

  Daniel 🛸•44,250

  @danielmrz-devPosted 11 months ago

  Hello, @khalid225!

  In the project's folder, there's a file called style-guide. You can check there what was the recommended font-family as well as the colors.

  If my memory is correct, the font-family used in this project is Outfit.

  I hope it helps!

  Oh, and don't forget to import the font from Google Fonts in order to work!

  Marked as helpful

  1

  ---

  

  ABDULFATAI ADISA•20

  @khalid225Posted 11 months ago

  Thanks @danielmrz-dev I will correct that

  0
• 

  Ahmed Mohamed 🇵🇸•310

  @ahmedafsaPosted 11 months ago

  Hello @khalid225, good job in your first challange. keep going!

  The fonts and colors are always available in the style-guide.md file within the starter files you can download from the Challange hub page

  For this QR code component: the font, its weights and size are:

  • Family: Outfit
  • Weights: 400, 700
  • Font size (paragraph): 15px

  You should link it from Google Fonts and then use it as font-family: "Outfit";

  Marked as helpful

  1

  ---

  

  ABDULFATAI ADISA•20

  @khalid225Posted 11 months ago

  Thank you @ahmedafsa

  1