About The Task
For this exercise, please download the starting files and screenshots package.
In the exercise, you will make the layout seen in the screenshots. This is another website about two famous American guitar companies: Gibson and Fender.
There are three screenshots:
- Phone
- Desktop
- Back To Top Link Hover State
The Markup
There is some HTML in the index file, but you will need to add more, for semantics and for styling purposes.
To save time, I have put the code for the images already.
Page Structure
If you look at the Desktop screenshot at full size, you will see that the structure of each company section follows this pattern:
- Gallery – Players
- History – Text
- Gallery – Guitars
The order of content does not change between the two responsive states: only the layout does.
Have Fun.