[DAY 2] Playing Around With HTML & CSS

thomascansino

Thomas Cansino

Posted on May 18, 2024

[DAY 2] Playing Around With HTML & CSS

Today, my agenda revolves around playing with the code I wrote yesterday. It's a crucial step in solidifying my grasp of HTML and CSS, consolidating the knowledge I've learned thus far.

Throughout the day, I've encountered a few hurdles: Firstly, I want to center the images on my webpage. Then, there was the challenge of aligning texts and images seamlessly on the same line. Lastly, I want to crop my images using code to match my desired visuals.

To overcome these obstacles, I devised some solutions: For centering the images, I opted to display them as blocks and set their margins to "auto" in CSS. To align texts and images side by side, I utilized the span element in HTML. Unfortunately, due to time constraints—I limit my coding endeavors to a disciplined 2-3 hours per day—I couldn't delve into image cropping. However, it remains on my agenda for tomorrow, as I strive to refine the aesthetic of my banner.

Today, I fiddled around with my webpage, experimenting with HTML and CSS. I visualized a simple layout that I want my webpage to look and then I challenged myself to code it into reality, relying on both my existing knowledge and the occasional guidance from Google. This approach helps with independence and sharpens my problem-solving skills as I learn to tackle queries on my own.
Image descriptionImage description
Reflecting on my coding journey, I acknowledge a tendency towards disorganization—I often leave tutorial videos unfinished, opting instead to dive straight into the text editor.

Yet, amidst the chaos, I realized that every line of messy code represents a step forward in my learning journey. As long as my code functions and achieves the desired aesthetic, its untidy appearance is fine. Besides, every beginner starts with something, and that's good enough to me.

💖 💪 🙅 🚩
thomascansino
Thomas Cansino

Posted on May 18, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related