Day 30 / 100 Days of Code: Overcoming Hurdles and Enhancing Learning

Tue, July 30, 2024

Today, I encountered an interesting challenge. In the HTML and CSS lesson from Codecademy, I noticed that standard CSS element properties were missing in the Chrome DevTools inspector. I discovered that a CSS stylesheet named reset.css was removing all default CSS element settings. Initially, this seemed drastic, but I realized the intent is to design the UI/UX comprehensively. In coding, staying on top of the details is crucial to avoid unexpected results. Also, names like reset.css can have various meanings.

To enhance my learning, I'm starting my coding each day with a review exercise from the previous day’s material as a warm-up exercise. Later, I’ll add variety with code challenges and side quests. My mentor reminded me to use my GitHub repo to showcase my skills to prospective employers, which is a great emphasis considering how my GitHub Codecademy is setup, and which I'll review.

Here's The Codecademy 3 column learning environment, from left to right:

Course content, prompts, questions, quizzes.
Tabbed code editor with a console and virtualized storage backing.
Embedded browser to see code results when tapping the run button.
Optionally, Chrome DevTools Inspector is a great tool.
All columns are resizable, which is convenient on a 4K monitor. However, when traveling with my MacBook, I usually only have two columns open at a time.