Interactive blog preview card using javascript

What are you most proud of, and what would you do differently next time?

I got a better understanding of space occupied by each element, after getting used to use developer panel of google chrome browser more often.

Although I have not yet started learning javascript, I had not choice but to use it to create it's interactivity feature.

I'm proud that I did not use any IDEs, I used just notepad. By doing so, automatically I was forced to do all the writings, all the file management without any external help, which made me pay attention to all the intricacies and details, since notepad would not show any error or suggestion. I suggest that everyone who is in the beginning of learning process to do the same.

What challenges did you encounter, and how did you overcome them?

One challenge that I encountered was that is it possible to create multiple interactions using only html and css. For example a link gets clicked and several elements get affected. I could not find any good solution, and was forced to use javascript.

What specific areas of your project would you like help with?

Here is a question:

In a 1024px screen there is a line that is 100px long. By using html and css only, how can I change length of this line, so that as the screen width decreases, length of the line increases?

I had similar issue when writing h-offset and v-offset of boxshadow for different screen size.