My first ever project -> Steve Jobs Tribute

Hey guys!
Just recently finished my first ever project. It is fully responsive (up to about 300px wide), and I, personally, am really proud of it.
I’d love to get your opinion!



As a first time ever project you did a very good job but there are still things you may improve. For example your media queries are not quite right. Take a look at the break points bootstrap is using for responsive design:

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

and you have :

@media (max-width: 326px)

@media (max-width: 319px)

@media (max-width: 800px)

@media (max-width: 450px)

I would just group the above in two media queries and apply the css code you think it should go set for each one.