Throughout this week it has come to my attention that working with CSS can be confusing since it likes to fight back sometimes. Below is just a rant featuring my frustrations.
With being in an advanced course (or at least one that goes more in depth on web design) comes the desire to delve into more complex layouts and designs for upcoming projects. While I have no expectations of myself to create websites that are on the level of awwwards.com yet, I would still like to do something more than the simple scroll-down content layout.
However, I’ve learned that something as simple as wanting to create a horizontal strip of color to separate content can be frustrating to execute. Even with using the Reset style sheet, I find myself editing the width of the <body> element and setting the margins to auto which ultimately prevents me from creating simple blocks of color within my website (that actually reach the edge of the browser). Instead, I have to jump through hoops utilizing several <div> elements and id tags, along with negative margins in order to achieve this simple task.
I’m sure there’s an embarrassingly easier way to go about this that I’ve been missing, and hopefully I’ll discover that answer along the way in this course. There’s also several other topics that I haven’t listed for the sake of keeping this post short. In the meantime, I’ll just have to brute-force my way through CSS as I’ve always been doing.