Website : My Evening Recipe

- Part 2 -

This is the second part of MyEveningRecipe blog website template. I designed this to make personal template but it can be designed for anything as you want. You can find the part 1 of the design here: My Evening Recipe.
I have added the Tablets and Mobile media query. If you don't want to download the source code and watched the youtube video than you may need to add the below code to clear a brakpoint that you might have already getting while resizing the browser.


/* Media query First Brakpoint */
@media (min-width: 992px) and (max-width: 1199px) {
/* Recipe container */
.recipe {
width: 30%;
margin-bottom: 1rem;

/* Subscribe */
#subscribe-container > p {
font-size: 1.7rem;

You can add more breakpoint if you want according to your needs. You might need some adjustment for your own web page design. This is a single page website. You can add more pages according to your need.

My Evening Recipe image

I captured the designing of the webpage and uploaded on youtube. You can watch the video on youtube.

You can download the file below and change it as you want.