-
-
Notifications
You must be signed in to change notification settings - Fork 622
NW6 | Hadika Malik | HTML-CSS | Module-Project | Week 1 + Week 2 #639
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: master
Are you sure you want to change the base?
Conversation
✅ Deploy Preview for cyf-module-project-html-css ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
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.
Great job,
Just few css fixes here and there. Your overall font size seems to be large, you can tone it down a little. Take a look at the expected image for more clarity, or you can easily reach out if you need any clarification
css/style.css
Outdated
justify-content: center; | ||
} | ||
|
||
/* .container{ |
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.
Hi, as best practice, its better to remove code sections you are not using, instead of commenting it out
|
||
</section> | ||
</main> | ||
<hr> |
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.
the color for this element is a bit different
<section class="main"> | ||
<h1>Introducing Karma</h1> | ||
<p>Bring WiFi with you, everywhere you go.</p> | ||
<button class="orange-button">Learn More</button> |
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.
this class orange-button
doesnt exist in your css, you can remove unused classes. Also, this button seems to have a border width on it, can you remove it?
index.html
Outdated
<nav> | ||
<ul class="navigation_list"> | ||
<li class="navigation_item"> | ||
<a class="navigation_link" href="#">Meet Karma</a> |
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.
this item is of color black.
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.
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
<title><Form></Form></title> |
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.
Please update the title of your page
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?
writing the html
What did you find hard?
sorting the layout out and getting the fonts and colours right
What do you still not understand?
the layout of the header, the three images and how it changes when zooming in or out
Any other notes?