Skip to content
This repository was archived by the owner on Jan 14, 2024. It is now read-only.

Conversation

@ManSangSin
Copy link

Volunteers: Are you marking this coursework? You can find a guide on how to mark this coursework in HOW_TO_MARK.md in the root of this repository

Your Details

  • Your Name: Man Sang Sin
  • Your City: Glasgow
  • Your Slack Name: Man Sang Sin

Homework Details

  • Module: HTML/CSS
  • Week: 3

Notes

  • What did you find easy? HTML Markup

  • What did you find hard? Using grid and specifying height for different items within a grid layout

  • What do you still not understand?

  • Any other notes?

- added content to html
- added img directory and populated with images
- added a custom palette
- linked custom fonts from google fonts
- changed paddings and margin sizes
- changed layout of mobile view
- added sticky navigation menu to top
- added footer with links to other pages (empty links)
- adjusted grid sizing
- when window width > 540px
 - changed header layout
 - changed content, footer layout to 2 columns
 - changed grid layout for images
- when window width > 900px
- changed header layout
- changed content, footer layout to 3 columns
- changed grid layout for images
- increased article size in main for desktop mode
- decreased the image size for desktop mode
- changed alt content for hero image
- removed duplicate coding
- added comments to sections for better legibility
- re-arranged some coding to corresponding sections
- removed image from header
- removed grid layout from image set to allow better customisation
- changed header layouts for mobile/desktop view
- moved nav bar position for desktop view
- adjusted margin/padding sizes
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant