-
-
Notifications
You must be signed in to change notification settings - Fork 609
London class 8/harsheek thanki #267
base: master
Are you sure you want to change the base?
London class 8/harsheek thanki #267
Conversation
Hi @jackhclee please see my homework attached for the cake shop site. Thanks |
<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> |
There was a problem hiding this comment.
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
.products img { | ||
border: 3px solid black; | ||
border-radius: 20px; | ||
width: 100%; | ||
padding: 10px; | ||
} |
There was a problem hiding this comment.
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?
grid-area: "header header header header" "nav nav nav nav" | ||
"image image welcome welcome" "products products products products" | ||
"footer footer footer footer"; |
There was a problem hiding this comment.
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
@media screen and (min-width: 900px) { | ||
nav ul li { | ||
margin: 0px 40px; | ||
background-color: #ddbea9; | ||
} | ||
} |
There was a problem hiding this comment.
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!
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 repositoryYour Details
Homework Details
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?