Skip to content
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

Xing Yin Business site version 1 #382

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

Conversation

xingyin2024
Copy link

@xingyin2024 xingyin2024 changed the title week3 business site version 1 Xing Yin Business site version 1 Sep 1, 2024
Copy link
Contributor

@HIPPIEKICK HIPPIEKICK left a comment

Choose a reason for hiding this comment

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

Hi Xing!
Good job with your business site, just make sure all your inputs have proper labels and you're good to go 🚀

@xingyin2024
Copy link
Author

@HIPPIEKICK
Hihi,

I am not very clear about your comments, what should i change? Could you be more specific about which labels that is not proper or not right? Thanks!

Xing

Copy link

@Heleneabrahamsson Heleneabrahamsson left a comment

Choose a reason for hiding this comment

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

The code overall is very well written and easy to follow and understand. The comments are informative and helps to understand the code and the using of space and indentation helps to easily follow the structure of the code. Consider using semantic HTML in some places for adding even more readability and also if it is possible to clean up the code a bit by removing the duplicates for example the navbar.
Good job :)

<form action="http://httpbin.org/anything" method="post">

<!-- Contact form only for smartphone-->
<div class="contact-form-for-small-screen">

Choose a reason for hiding this comment

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

Consider using semantic HTML instead of for example using div to improve SEO and overall code readability.

} */

/* Style the video container and player to be centered and scale well */

Choose a reason for hiding this comment

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

Well explained and nice to add specific comments which makes it easy to understand more specifically what the design does

</div>

<!-- navbar container shall not show this time-->
<!-- <div class="navbar-menu-container">

Choose a reason for hiding this comment

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

consider to not having two different navbars in the code to avoid that seems like a duplicate or maybe add more info in the comments of how its supposed to be used

</label>
</div>
</div>
<!-- Style with flex box for checkbox input -->

Choose a reason for hiding this comment

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

good and informative comments when the style also is mentioned

code/index.html Outdated

<!-- Style of radio input -->
<span>I found you using</span><br>
<input type="radio" name="source" id="mouth" class="radio"><label for="mouth">Word of mouth</label><br>

Choose a reason for hiding this comment

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

consider using indentation for the inputs, for example
`

@HIPPIEKICK
Copy link
Contributor

@HIPPIEKICK Hihi,

I am not very clear about your comments, what should i change? Could you be more specific about which labels that is not proper or not right? Thanks!

Xing

Hi again Xing!
Some of your inputs are missing labels, so you need to add them. Either by wrapping all input elements with a label like this:

<label>
  <input/>
</label>

or by using the for/id attributes:

<label for="name">Name</label>
<input id="name" />

I hope this clarifies what is required 😊

@xingyin2024
Copy link
Author

Hihi! @HIPPIEKICK
Sorry for the late reply. Now I have updated the code with proper label for input. Hope it looks fine!
Tell me if anything wrong!

Copy link
Contributor

@JennieDalgren JennieDalgren left a comment

Choose a reason for hiding this comment

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

🎯

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

Successfully merging this pull request may close these issues.

4 participants