April 2018
Beginner
368 pages
7h 37m
English
In addition to our navigation, we also have a logo on the left-hand side. I have provided some assets you can use for this exercise in the Resources folder (Exercise 2 | Assets).
Simply copy and paste the logo.png and logo@2x.png files into your img folder on your Web Project.
logo@2x.png is simply the retina version of the image, which means it has double the pixel density of the normal image. It's a good practice to name your retina image with the suffix @2x.
Now we'll simply add an image before our menu, as follows:
<img src="img/logo.png" alt="">
Perhaps you have noticed that we only put logo.png and there is no use of the logo@2x.png. To be able to use our retina version image only on retina devices, we'll have to use the ...