Cách tiếp cận HTML CSS khi xây dựng 1 web responsive từ đầu?

Chào các thím, nếu bây giờ phải xây dựng layout html css ngay từ đầu với các tiêu chí sau:

1. Code chay HTML CSS
2. Responsvie
3. Không cần hỗ trợ IE

thì nên tiếp cận xây dựng như thế nào? Có nên đầu tiên build layout toàn trang bằng grid layout, xong sau đó xây dựng các component con bằng flex / grid tùy trường hợp ko?

Em khá noob phần giao diện nên mong các thím chia sẻ hướng tiếp cận, hướng suy nghĩ khi làm layout từ đầu

Layout chính bằng Grid, Layout con bằng flex...

Ở chỗ mình thì người ta vẫn sử dụng media query và px base

Một số người thì nói là bây giờ làm resp thì không nên base theo px

Cũng không biết thế nào

up lên nào các my fen

Tôi thấy build layout toàn trang trước bằng grid layout cho nó gọn, tính tui hay thích làm đơn giản.

Nếu thím mới code thì có thể build layout toàn trang trước rồi mới component bên trong cũng đc. Em thì wen dùng css fw nên ốp luôn component con luôn cho nhanh. Vd như site này:
https://xiaogirls.com

Nếu cực quá thì trên công ty sẽ có team frontend riêng mà nhỉ, còn đá ngoài thì thím nên tìm 1 partner thực thụ còn nếu khởi đầu về CSS thì cái flexbox và grid là 2 cái nên tìm hiểu đầu tiên, tôi cũng ko chuyên CSS nhưng sẽ có những task phải "chế" ra giao diện để phục vụ yêu cầu công việc nhanh chóng nên lúc debug với FE cũng rất nhanh.

oh, cái này còn phải xem bố cục web như nào nữa, có popup nhìu 0. Như t làm thấy còn phải có tư duy hình khối của chia khu vực, trái phải, trên dưới. Như t làm thường hay để thẻ div là float với box-sizing: content box gì gì đó để khống chế phạm vi của thẻ và sẽ bao trọn mọi thẻ trong đó để dễ sau này cập nhật giao diện hay căn ke