Run npm install
To run the live server, run npm run serve
I am the client. You are the web developer.
I've just commissioned you to build me a website!
Here is the mockup desktop-mockup.png
Now build!
-
Fonts haven't been included. You will have to find fonts that closely approximate the original, but do not have to be exact. Google Fonts is a good place to start
-
There is no mobile design or tablet design, only desktop
-
Image assets can be found in the
/images
directory
Source: https://www.oxygenna.com/freebies/free-one-page-psd-template
Good luck and... don't get hungry looking at all that food!
As stated above, there are no mobile or desktop designs. However, you can still write CSS for this.
Using the device simulator in the browser, examine how the website you built responds to a smaller screen. What ways can we present the information on such a small screen?
-
You may want to go for a reduced font-size
-
You may want to layout content differently (so that it is not displayed in a row)
-
You may want to hide certain elements from the mobile view using the
display: none
property
Using the above points as a guideline, try to create mobile and desktop versions of your website.