Đề Thi PE WED201c - SP 2023 - PE - 02

seloena · 12/4/24

minthep đã viết:
Đáp án này mình làm khá giống đề nhưng mà khúc select option zoom lên zoom xuống không fix tỉ lệ bằng được do dính <p>, với thêm 1 div duy nhất. Thêm vài quả CSS thừa nữa =)))

Ông có thấy cái phần footer nó có "margin: 8px;" không á, đề phần footer không có lề trắng bên ngoài nha!
Cái này là do ông chưa reset margin của thẻ <body>, tùy trình duyệt thì mỗi thẻ có một style mặc định khác nhau í.
Ông nên reset lại luôn ở file css cho chắc.
* {
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
Và có thể reset lại thêm ::before và ::after nếu thấy cần thiết.
Còn vài cái như cỡ chữ với kích thước chắc không có vấn đề gì

Minthep · 12/4/24

seloena đã viết:
Ông có thấy cái phần footer nó có "margin: 8px;" không á, đề phần footer không có lề trắng bên ngoài nha!
Cái này là do ông chưa reset margin của thẻ <body>, tùy trình duyệt thì mỗi thẻ có một style mặc định khác nhau í.
Ông nên reset lại luôn ở file css cho chắc.
* {
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
Và có thể reset lại thêm ::before và ::after nếu thấy cần thiết.
Còn vài cái như cỡ chữ với kích thước chắc không có vấn đề gì

2 đề sp23 khó thôi còn lại dễ hết =)) có bootstrap thì tiện biết mấy kkk

Minthep · 12/4/24

seloena đã viết:
Đây là đáp án tham khảo, mình không chắc nó đúng nha!
Có chỗ nào chưa hợp lý mn nhắc mình với nha
Note:
- Một số chỗ mình dùng display: grid; cái này nó gần giống display: flex nhưng nó dễ chia cột hơn á!
Update:
- class "content__des" chưa chỉnh font-style: italic.

Thấy mọi người ai cũng xài <form> hết, cái này tiện hơn nhưng cách nào cũng được. Mình table tới chít =))) Bài này font-size vài chỗ bị lỗi chút nhen, với nhìn hình vậy chứ cái bảng price nó cũng phải tổng 400 500px đó b.
.banner{
display: flex;
justify-content: center;
width: 100%;
margin: auto;
padding-left: 15px;
padding-right: 15px;
max-width: 1140px;
}
.banner {
margin: 20px 60px;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
Tui thay cái flex của tui thành của grid của bạn thì zoom ra bị như này(Giải thích giúp cái grid chia col mà tui thấy chia 50% lạ lắm =)) ):

Ngoài ra hạn chế xài vh vw zoom ra zoom vô xấu lắm.
Phần js:
tourName.addEventListener xài cái này cũng hay nhưng mà xài onchange thẳng vô html ngắn hơn í =)))

Để tối tui làm lại đề này xài theo cách mn xem sao.

Minthep · 13/4/24

Làm table đủ rồi chuyển qua làm div dư tận 1 tiếng =))) Cái này mình fix img theo tỉ lệ, lấy quả reset CSS của bạn ở trên. Xài div tiện hơn thiệt =)))

nguoivetulongdat · 13/4/24

minthep đã viết:
màu xài pick color sẵn đi )
#F79646 : orange
#0EC0C3 : ocean
#3A7135 : green
#06A2C8 : dark blue;
làm đúng chừng này màu note lại hết r

thế ngoài màu ra còn lại ổn à

Minthep · 13/4/24

nguoivetulongdat đã viết:
thế ngoài màu ra còn lại ổn à

ta làm hết thì nó chỉ tồn tại trong chừng này màu =)) thêm màu gray nữa

nguoivetulongdat · 13/4/24

minthep đã viết:
ta làm hết thì nó chỉ tồn tại trong chừng này màu =)) thêm màu gray nữa

xài color picker sợ bị ban
với đc thì cho t xin bảng màu luôn dii ông

Minthep · 13/4/24

#F79646 : orange
#0EC0C3 : ocean
#3A7135 : green
#06A2C8 : dark blue;
#E7E3E4 : gray;
@nguoivetulongdat
Có chừng này thôi à, vô thi màu lạ thì xài mắt đoán màu =))

richie · 18/4/24

Đã xong, đánh giá dễ thở hơn đề trước

Minthep · 18/4/24

@richie

richie đã viết:
Đã xong, đánh giá dễ thở hơn đề trước

setting ban đầu không hiện chữ nhé bạn, màu bị sai nặng lắm đấy

richie · 18/4/24

minthep đã viết:
@richie

setting ban đầu không hiện chữ nhé bạn, màu bị sai nặng lắm đấy

mình fix chữ rồi nhé, còn màu thì mình chỉ ước chừng thôi, do mình không dùng tool để pick color ấy.

richie · 18/4/24

@minthep ông dùng cái gì để pick color ấy cho tui xin với đc khum

Minthep · 18/4/24

richie đã viết:
@minthep ông dùng cái gì để pick color ấy cho tui xin với đc khum

#F79646 : orange
#0EC0C3 : ocean
#3A7135 : green
#06A2C8 : dark blue;
#E7E3E4 : gray;
còn hơn thì vào trang cá nhân đọc nhé

Minthep · 18/4/24

Nhìn bài này làm gốc lun nhé bạn =)) fix mọi lỗ hổng r

Đề Thi PE WED201c - SP 2023 - PE - 02

seloena

Minthep

Minthep

Minthep

Đính kèm

nguoivetulongdat

Minthep

nguoivetulongdat

Minthep

richie

Đính kèm

Minthep

richie

Đính kèm

richie

Minthep

Minthep

Đính kèm

Similar threads

Chia sẻ trang này