Skip to content

Week 1: Implement sign up page for Paint Quote System#21

Open
DevHuo wants to merge 1 commit intodistinctioncoding:mainfrom
DevHuo:week-one
Open

Week 1: Implement sign up page for Paint Quote System#21
DevHuo wants to merge 1 commit intodistinctioncoding:mainfrom
DevHuo:week-one

Conversation

@DevHuo
Copy link

@DevHuo DevHuo commented Dec 16, 2025

Summary

Added a new sign-up page with a responsive design and a background image.

Changes

  • Added sign-up.html for the sign-up screen
  • Added style.css for layout and styling
  • Added signup-background-image.png as the page background image

@DevHuo
Copy link
Author

DevHuo commented Dec 16, 2025

Thanks!

<form class="sign-up-form" action="/signUp" method="get">
<label for="name">Your name</label>
<input type="text" name="name" id="name" placeholder="Enter your name">
<br>

Choose a reason for hiding this comment

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

you should use margin-bottom to replace br

Comment on lines +35 to +39
.divider {
width: 395px;
border-top: 1.5px solid #134d74;
margin-bottom: 12px;
}

Choose a reason for hiding this comment

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

divider exceeds its parent element's width, 395px>307px

Comment on lines +20 to +28
.sign-up-intro {
flex: 0.6;
}

.sign-up-intro {
color: #134d74;
font-size: 16px;
width: 307px;
}

Choose a reason for hiding this comment

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

since you have set flex:0.6, there is no need to specifcially set its width

@Gary-Distinctioncoding
Copy link

image

当视窗窗口宽度很大的时候,两个container会分离的很开,我看到你加了space-between, 可以再加一个max-width作限制,或者可以自行查询其他的方法

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