Skip to content

homework1 (Junyi Hou)#19

Open
naitgnahc wants to merge 1 commit intodistinctioncoding:mainfrom
naitgnahc:homework1
Open

homework1 (Junyi Hou)#19
naitgnahc wants to merge 1 commit intodistinctioncoding:mainfrom
naitgnahc:homework1

Conversation

@naitgnahc
Copy link

Thank you for your time and guidance.
Junyi(Joey) Hou

Copy link

@Gary-Distinctioncoding Gary-Distinctioncoding left a comment

Choose a reason for hiding this comment

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

I saw you use a lot of vw units for width, which is not a proper method. You should use px or % for width instead. Image the web page is open in a mobile browser, 30vw is 1/3 of the screen width

Comment on lines +39 to +48
<div class="form_group">
<label for="account">Dulux account</label>
<input type="text" id="account" name="account" placeholder="Enter your Dulux account">
<div>
<button class="sign_button">
Sign up
</button>
</div>
<p>Already have an account? <a href="#">Sign in</a></p>
</div>

Choose a reason for hiding this comment

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

opening tag and closing tag is not matched

Comment on lines +28 to +32
.title-line {
width: 36.5vw;
height: 2px;
background-color: rgb(0, 65, 96);
}

Choose a reason for hiding this comment

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

you can use ::after or a border line to replace

color: rgb(0, 65, 96);
font-size: 1.3rem;
font-weight: 300;
width: 36vw;

Choose a reason for hiding this comment

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

no need width for an block displayed element

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.

2 participants