While I am no stranger to html and css, bootstrap 4 is a new venture for me. After applying only a background color to the .container in my stylesheet successfully, things took an unexpected turn.
Despite spending hours creating the page's structure, adding a border to an element yielded no results in my css file. Exhausting all troubleshooting options like cache clearing, hard refreshes, browser restarts, and validation checks resulted in no change.
The mysterious persistence of the background color even with every style removed from my css file led to confusion. Deleting the entire css file finally forced a reevaluation, revealing that the empty file still somehow retained the background color. A fresh start with a new stylesheet proved to be the solution.
What caused this bizarre occurrence, and how can I avoid it in the future?