Design to Code In Class Assignment

During week 7 we had to build a website with an existing mockup. We had to do it in class within 3.5 hours.

I decided to make it responsive manually (not using sections with percentages of their widths). So, instead of having 29.33% for the 1/3 columns, for example, I made it the old fashioned way. I changed positions of each items not using responsiveness of sections. I didn’t want to do it because we recently had a homework from Ben to create 1/3 + 1/3 + 1/3 and 1/3 + 2/3 columns so I didn’t want to copy the code from that exercise tbh 🙂

The desktop version of the site ended up looking like this:


the media query break point of 640px this way:



Calendar Assignment

As I said in my ‘About’ page, I am going to share my learning experience in my blog.

So, here is my first assignment. The goal is to create a calendar using html and css only.

I am a very big fan of football (I am sorry, I will never call it soccer :D). I follow football since I was 7-8 old. I started following 2 teams back then, and these 2 teams are still my favorite – Real Madrid and Chelsea. I decided to take this opportunity and instead of a regular calendar create FC Chelsea matches calendar.

The calendar has to have at least one month of the year. I decided to choose December because there are a lot of games in English Premiere League. There is a week called ‘boxing day’, where all the teams have to play 3 games. Three games in seven days.

The calendar must have all of the holidays in the chosen month marked. Since a game is essentially a holiday for me, I decided that match-days are going to be my holidays. There are 6 holidays in December!

I used 2 colours for the calendar itself – green (football field or pitch) and a colour of the home kit of Chelsea. It is their main colour.

Here is my calendar.

What good design means to me?

Good design

Good design to me is not only the way something looks. Good design, in my opinion, should not only look astonishing but also perform well, be long-lasting, and should be well optimized for search engines and different devices. Good design also should be very intuitive. It should not have manuals but be self explainable. One of the most crucial parts is that a good design should be user-oriented (user friendly). In the end good design should be a good business.