Step 1 — Build your page’s skeleton
In case you were wondering, <script tags> are on the bottom of my body tags. Add your classes and id’s as you like not only to help with CSS but to help you grab things off the DOM(Document Object Model). Once I finished up my HTML page I proceeded to make this pleasing to the eye.
Step 2 — Customizing your CSS
Once I finished up my HTML page I proceeded to make this pleasing to the eye. This was something I also avoided because it just seemed intimidating as well but we all like pretty things, don’t we? So I looked at one of my old labs and tried to figure out where to start from. Aesthetics has never really been my strong point in general so I needed a guide, played around with it to get it to my liking. Below is what my code looked like. I had to remember to link my style.css file to my HTML.
to run my server I used json-server --watch dishes.json. it gives me a link where I can fetch my data from: "http://localhost:3000/dishes/"
Now that my server is up and running I can start to build my page brick by brick with the following codes below:
Thank you all for reading!