My issue
CSS External stylesheet
Instead of creating an internal stylesheet, web developers will normally separate the CSS code into a separate file - an external stylesheet - and maintain the HTML and CSS as separate files.
Why is this beneficial?
Reusability: With an external stylesheet, you can define styles once and apply them to multiple HTML pages. This promotes consistency across your website, ensuring that elements such as headers, paragraphs, and links look the same throughout
Efficiency: When using an external stylesheet, the CSS file is cached by the web browser after the first request. Subsequent page loads do not require downloading the CSS file again, resulting in faster page rendering
Collaboration: When working on a web project with multiple developers or designers, using an external stylesheet allows for better collaboration. Different team members can work on the CSS separately, without interfering with each other’s HTML files. This promotes parallel development and reduces the chances of code conflicts
Browser compatibility: You can use CSS vendor prefixes and feature detection techniques within the external stylesheet to handle browser-specific implementations
My code
// your code goes here
Learning course: Learn HTML / CSS
Problem Link: CSS External stylesheet Practice Problem in HTML / CSS - CodeChef