Semantic HTML5 markup, CSS custom properties, Mobile-first workflow

Community feedback

• 

  Ljubo Lukovic•60

  @LjuboLukovic

  Posted about 2 months ago

  I see you haven't center card vertically.

  add this and it should be ok

  html, body { height: 100%; } body { display: flex; justify-content: center; align-items: center; }

  00
• 

  P

  Dean Anderson•250

  @Dean2424

  Posted about 2 months ago

  Hey, @Sifa001 👋

  🚫 Why you shouldn’t style elements inside the HTML document:

  📝 Keeping CSS inside the HTML <style> tag or inline might work for quick demos, but it’s not ideal for real projects.

  🧹 Maintainability: Separating CSS into external files makes it easier to find, update, and manage styles as your project grows.

  🔄 Reusability: External CSS promotes consistent styles across multiple pages or projects.

  ⚡ Performance: Browsers cache external CSS files, which speeds up page loads.

  🧩 Separation of concerns: Keeps your HTML (structure) and CSS (design) clean and well organized.

  🚀 Overall, using external CSS makes your codebase more scalable and professional — this is especially important on Frontend Mentor challenges.

  Keep up the great work! 💪✨

  00