Skip to content

Glasgow Class 6 - Man Sang Sin - HTML/CSS - Week 1#573

Open
ManSangSin wants to merge 11 commits into
CodeYourFuture:masterfrom
ManSangSin:master
Open

Glasgow Class 6 - Man Sang Sin - HTML/CSS - Week 1#573
ManSangSin wants to merge 11 commits into
CodeYourFuture:masterfrom
ManSangSin:master

Conversation

@ManSangSin

Copy link
Copy Markdown

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: 1

Notes

  • What did you find easy? Creating the basic index.html page

  • What did you find hard? Aligning the 3 icons with text was fiddly. Keeping the stylesheet "clean".

  • What do you still not understand?

  • Any other notes?

created header section with navigation links and company logo in index.html. created new styles in css for navigation links in styles.css.
- added hero image, hero text and button to main section of index.html.
- added a section after hero with title, logos and text.
- added styles to css to expand hero background size, center hero text and adjusted font sizes.
- added new flex-container and flex-item  classes in CSS
- added flex properties to classes
- assigned classes to the article sections
- added footer text
- added social media logos to footer
- added media logo class to css with border styles
- added divider class and style to css
- adjusted color palette and names in css
- added a footer class and assigned to footer
- increased height of footer
- Changed padding and font sizes
- Changed orange color to a lighter tone
- Added new section to html with image button and text
- adjusted layout of level 2 content with flex box
- added font styles to level 2 content
- adjusted font and padding sizes of level 2 content
- created store.html file
- added html declaration
- linked store.html to existing css file
- added basic form content
- added image to form
- created header and footer
- added more styles to form in store.html
- added links to store page from navigation bar
- added link to store page from navigation bar and button
- increased heading size
- added margin to form
- added padding between form items
- added flex-grow to input fields
- adjusted styling for button
- added a grid container to form
- assigned grid columns/rows to form items
- adjusted grid layout to match brief
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant