trình bày post preview và những fiền fức của responsive

Kouveo tính dev cái theme “hoành tráng” hơn, thay cho cái donjan vẫn zùng. Đang cơn đắm đuối nghịch code, chưa zứt ra được.

Carousel slideshow thienha zùng nhiều quá, nhàm vãi cmn kứt ra rồi. Trình bày thongtin trên web có nhiều cách, sao cứ fải bấu vào mấy cái theme zựng sẵn? Site bán hàng điếu đâu mà fải bày biện theo ý ai đó.

Ytuong của Kouveo là rút 5 post mới nhất bày lên homepage, bên zưới để cái button vào blog list. Mỗi blog content kể cũng hơi nhàm, nhưng hientai cứ jantien thế thoy đã. Khi nào noizung fongfu hơn sẽ tính cách khác.

Đây là những rắc rối cần jaiquyet

Responsive (đương nhiên rồi):

Tailwind júp donjan-hoá rất nhiều khi làm layout có yeucau responsive fuctap. Nhiều ytuong trước đây ngại làm (mắt truớc mắt sau là rối tinh rối mù) jờ đã cothe thuchien đuợc.

Độ zài của post title:

Chỉ xem trên mành lớn thì không cần quantam vande này. Nhưng mành đt bé quá. Kouveo định đặt title chính jữa preview image nên muốn joihan nó chỉ hienthi 1 zòng cho đỡ khấp khểnh.

Tailwind có line-clamp plugin jaiquyet tốt vande này. Thamkhao thêm css-tricks. Mỗi cái title mà fienfuc fết. Thực ra cách donjan nhất là xoay thietke kiểu khác, cái ji khó thì ta né nó ra thoy. Nhưng nghĩ cứ thử cho biết nên tieptuc đánh đu. Chứ jaifap truncate string kiểu này đỡ mất thoijan hơn nhiều.

Ketqua thenay:

Hienthi trên các cỡ mành nhỏ như smartphone, ipad
Hienthi trên các cỡ mành nhỏ như smartphone, ipad

Trên mành lớn như laptop, desktop thì cứ kéo hết cỡ thenay
Trên mành lớn như laptop, desktop thì cứ kéo hết cỡ thenay

Vần tailwind cả ngày jời mới tạm ổn cho fần trình bày “bài mới nhất”. Làm xong thấy những thứ khác có vẻ không ổn. Xoay đi xoay lại hơi mất thời jan. Đành lôi Figma ra làm lại thiết kế. Muốn bỏ qua cũng không được. Không rõ ràng thiết kế trong đầu, lúc làm rất zễ sa vào tình trạng bơi chưa thấy bờ đâu đã chết cmn chìm.

/blog/202112/trinhbay-hinh-anh-va-fienfuc-cua-responsive/
dev layout responsive troubles tailwind