Skip to content
This repository was archived by the owner on Feb 27, 2023. It is now read-only.

completed weeks 1,2,3 #63

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

Conversation

saeed6617
Copy link

No description provided.

Copy link
Member

@tekul tekul left a comment

Choose a reason for hiding this comment

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

Looks good Saeed 👍 . You don't seem to have had any serious issues with this module and your work is well organised. If you find you are using <br> tags for the layout of your page then you should probably be using CSS instead. For example, this specification (https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-br-element) recommends that you only use them "only for line breaks that are actually part of the content, as in poems or addresses". This is a very minor issue though.

@@ -23,15 +23,14 @@
<div class="message">
<div class="message__author">Luke</div>
<p class="message__content">
Let's meet at the iCafe in Merchant City.
https://goo.gl/maps/aza4h9nUBhn
Let's meet at the<a href="ttps://goo.gl/maps/aza4h9nUBhnh"> iCafe</a> in Merchant City.
Copy link
Member

Choose a reason for hiding this comment

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

Missing the "h" in "https". It's a good idea to test your changes before committing (e.g. by clicking on the link here).

Copy link
Member

Choose a reason for hiding this comment

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

Also links look best if they don't include trailing space, so keep the space outside the <a> tag.

Let's meet at the <a href="https://goo.gl/maps/aza4h9nUBhn">iCafe</a> in the Merchant City</a>.

@@ -2,3 +2,23 @@
display: flex;
}
/* Add your own CSS code below */
.countries--first {
display: flex;
Copy link
Member

Choose a reason for hiding this comment

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

You don't actually need display: flex; on each one of these since it's already included in the class countries (which each element also has). It might seem clearer this way though.

<br />

<label for="customer-phone">Phone number</label>
<input id="customer-phone" type="number" name="customer-phone" />
Copy link
Member

Choose a reason for hiding this comment

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

What types are the email and phone aren't supposed to be according to the instructions?

<form method="GET" id="checkout-form" class="checkout__form">
<label for="customer-name">Name</label>
<input id="customer-name" type="text" name="customer-name" />
<br />
Copy link
Member

Choose a reason for hiding this comment

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

You shouldn't need to use <br> tags. Presentation should generally be taken care of by CSS.

@saeed6617
Copy link
Author

saeed6617 commented Mar 6, 2019 via email

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants