Website Project Process

Key Takeaways:

  • semantics- gives the meaning, and is reflected by the visual design
  • <meta> sets the responsive format
  • style.css is the style sheet that specifies rules
  • parts of a rule: selector, properties, and value
  • media query- when a browser hits a certain resolution it applies new set of rules like font and size
  • block elements stack, whereas inline sits by side
  • order of navigation: nav, ul, li, a

Experimenting with Code from Class

Lessons Learned

  • name things correctly!
  • trial and error works with colors and sizing
  • save updates before refreshing and viewing in browser

Customizing With My Own Images

Finding Background

Final Website





Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

UX/UI Ironhack Madrid — 2nd week

“D”nin Gücü/The power of the letter “D”

UX1 Portfolio Project

“We started calling this the Jeff Phone…”

10 simple rules to minimize your own effect on gorilla user tests

How to design like a pro using all free tools

Designing Through Play: The LEGO® Idea Studio

Charles Harrison, Industrial Designer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Shruti Prasanth

Shruti Prasanth

More from Medium

Smart Cities & IoT


Summary of 2021 — Aryan Irani

Starbucks Marketing — DSND Capstone Project