Skip to content

feat:week1#10

Open
MRW6217 wants to merge 1 commit intodistinctioncoding:mainfrom
MRW6217:feature/week1-frontend-homework/will
Open

feat:week1#10
MRW6217 wants to merge 1 commit intodistinctioncoding:mainfrom
MRW6217:feature/week1-frontend-homework/will

Conversation

@MRW6217
Copy link

@MRW6217 MRW6217 commented Nov 21, 2025

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.

Overall structure is good, but try avoid use inline-css and stylesheet at the same time, this will cause poor maintainability. Also, try to add structured sections like left-section and right-section inside the flex container

</head>

<body>
<div class="bgimage">

Choose a reason for hiding this comment

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

for convention naming for css, use kebab format. bgimage ->bg-image

<div class="text" style="font-weight: 700">
Welcome to Paint Quote System
</div>
<div class="text">————————————————</div>

Choose a reason for hiding this comment

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

can use ::after and border line to replace hard code content

cupidatat excepteur duis mo
</div>
</div>
<div style="width: 150px;"></div>

Choose a reason for hiding this comment

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

I understand what this does, but try to use a relative unit % to control the container's width proportion


<body>
<div class="bgimage">
<img src="bgi.png" alt="" />

Choose a reason for hiding this comment

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

good implementation, there is background-image attribute to set the background image, it can be used to avoid absolute positon

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