-
Notifications
You must be signed in to change notification settings - Fork 1
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
home page view header & footer #13 #30
Conversation
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.
👍 good work
public/css/style.css
Outdated
border-radius: 2px; | ||
width: 200px; | ||
position: relative; | ||
width: 200px; |
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.
don't repeat yourself !! RULE !!
you user twice
width :200px;
public/css/style.css
Outdated
flex-direction: column; | ||
} | ||
|
||
.contact-us p { |
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.
you can use
.contact-us:not(:last-child){
padding-bottom:10px;
margin-left: 10px;
}
that will be the same result of lines from (129 - 136)
@@ -0,0 +1,188 @@ | |||
*{ | |||
margin: 0 auto; |
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.
you should make separate file to (header.css , footer.css)
because you separate them in partials
public/css/style.css
Outdated
|
||
} | ||
|
||
section { |
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.
why you put a general selector
@@ -0,0 +1,188 @@ | |||
*{ | |||
margin: 0 auto; |
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 fix the indentation ..
<div class="about-us"> | ||
<h1>Marna House</h1> | ||
<h2>Where Every Is Cool</h2> | ||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus</p> |
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.
!! Indentation !!
src/views/partials/header.hbs
Outdated
<option value="Single">Single</option> | ||
<option value="Double">Double</option> | ||
<option value="Trible">Trible</option> | ||
<option value="Mixed">Mixed</option> |
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.
we don't have option (Mixed).
<span>check-out</span> | ||
<label for="check-out"> | ||
<input type="date" id="check-out" required></label> | ||
<span>Type</span> |
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.
use label instead of span
src/views/layouts/main.hbs
Outdated
<main> | ||
{{{body}}} | ||
</main> | ||
{{>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.
surround
{{footer}}
with tag footer
src/views/layouts/main.hbs
Outdated
{{>head}} | ||
</head> | ||
<body> | ||
{{>header}} |
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.
surround
{{header}}
with tag header
No description provided.