Skip to content

finish homework1#23

Open
Lusi0210 wants to merge 1 commit intodistinctioncoding:mainfrom
Lusi0210:homework1-lusi
Open

finish homework1#23
Lusi0210 wants to merge 1 commit intodistinctioncoding:mainfrom
Lusi0210:homework1-lusi

Conversation

@Lusi0210
Copy link

No description provided.

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.

Look at your naming of class and id, I suggest you give a more meaning names for example border->divider, welcome -> welcome-header
Also, you are using mixed naming convention. I saw .SignArea, .signButton, .Phone-number, .Dulux-Account, please use a consistant naming convention (normally kebab-case)

Comment on lines +16 to +19
<div class="signForm item">
<div id="SignUp">Sign Up</div>
<div id="SignIntro">Enter details to create your account</div>
</div>

Choose a reason for hiding this comment

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

you should use label tag for input title

Comment on lines +71 to +77
.Name,
.Phone-number,
.Dulux-Account{
height: 15%;
margin-bottom: 10px;
color: #AAAAAA;
}

Choose a reason for hiding this comment

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

can use one class name for simplify

align-items: center;

height: 50vh;
width: 60vh;

Choose a reason for hiding this comment

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

vh is viewport height, width should use vw (viewport width)
and as a container, its height should fit its content, you set a height will cause content overflow
image

height: 100vh;
}
#border{
border: 1px solid ;

Choose a reason for hiding this comment

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

missing color value

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