DEV Community

Thomas Cansino
Thomas Cansino

Posted on

[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.

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay