Day # 8: Inspiration

I am always on the lookout for inspiration. It is important that, as frontend developers, we are able to fill our “inspiration tank” all the time with ideas that could potentially lead to websites, apps and even more complex projects.

Since it is a good learning practice to try and copy websites that we encounter in our everyday lives, I decided to take this picture of an “inspiration pad” I found at Tiger, a very popular store here in Madrid, as the source of inspiration for today’s website.

I have to admit it wasn’t very difficult to pull it off, which could mean that I’m getting better at this. However, as simple as it may seem, it is only when we start working on this type of exercises that the difficulties arise.

In this case, I had to learn how to style the <hr> element that separates each section. This is how I was able to achieve it: 

Style the <hr>

hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid black;

    margin: 1em 0;

    padding: 0;

}

Small accomplishments like this are very helpful to nourish your motivation and are very encouraging to continue working on this type of project. That being said, I strongly encourage you to always look for things that could become your next web development exercise. You will learn a lot, trust me, and you might feel very well at the end of it.