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

London class 8/harsheek thanki #267

Open
wants to merge 13 commits into
base: master
Choose a base branch
from

Conversation

HThanki
Copy link

@HThanki HThanki commented Dec 3, 2021

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: Harsheek Thanki
  • Your City: London
  • Your Slack Name: harsheek thanki

Homework Details

  • Module: 1
  • Week: 3

Notes

  • What did you find easy?

  • I am getting confident on how to structure a site using HTML divs and sections.

  • What did you find hard?
    CSS grid, I feel like I'm still learning it

  • What do you still not understand?
    How to horizontally align a CSS grid element

  • Any other notes?

@HThanki
Copy link
Author

HThanki commented Dec 3, 2021

Hi @jackhclee please see my homework attached for the cake shop site. Thanks

@jackhclee jackhclee self-requested a review December 3, 2021 21:07
@jackhclee jackhclee added the LDN-8 London class #8 (start Nov 2021) label Dec 3, 2021
Comment on lines +23 to +27
<img src="images/piece-of-cake.png" />
<p>The best cakes in town delivered to your door</p>
<div class="burger">
<img src="images/burger-menu.png" />
</div>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remember to provide alt to improve accessibility

Comment on lines +100 to +105
.products img {
border: 3px solid black;
border-radius: 20px;
width: 100%;
padding: 10px;
}

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

consider using relative units instead of hardcoding in px?

Comment on lines +122 to +124
grid-area: "header header header header" "nav nav nav nav"
"image image welcome welcome" "products products products products"
"footer footer footer footer";

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

improve readability by keeping rows at separate lines

Comment on lines +217 to +222
@media screen and (min-width: 900px) {
nav ul li {
margin: 0px 40px;
background-color: #ddbea9;
}
}
Copy link

@jackhclee jackhclee Dec 3, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A well structured original work, well done! I see well coding practices and use of responsive media queries with confidence. Keep good work going!

@jackhclee jackhclee added the reviewed A mentor has reviewed this PR label Dec 3, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
LDN-8 London class #8 (start Nov 2021) reviewed A mentor has reviewed this PR
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants