Skip to content
Submitted over 2 years ago

Stats Card

AmericanAppleIO•80
@AmericanAppleIO
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi everyone,

Had a little help on this one to better understand grid and flex concept still struggling to make a complete sense of it.

What is the best practice for css, external file or included in html?

Community feedback

  • jay rathod•170
    @Jayrathod192Posted over 2 years ago

    Best practice is always use external css. for maintenance, it is much easier to modify one CSS file that can impact multiple web pages then needing to go into every HTML page and modify your styles per page. Many sites have hundreds if not thousands of pages or templates - so having to go through each one would be a royal pain

    Marked as helpful
    0
  • Enmanuel Otero Montano•2,155
    @Enmanuel-Otero-MontanoPosted over 2 years ago

    Hello AmericanAppleIO! Congratulations for your solution.

    The best practice always is external CSS. The way you did it the browser is reading all the CSS code first and then the HTML which makes the website load slower. In this case it is not noticeable because the site is small, but in large sites it is going to be very noticeable.

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord