Questions CSS වැඩ්‌‌ඩෝ ටික එන්න, උදව්වක් ඔ්නේ 🙂✌️

[dhanukaShamen]

hello, මචන්ලා‌ මේකේ මේ lines තියෙන sction එක හදන්නේ කොහොම ද?

 

[gamerlk]

Oka inspect krla baluwda?

Godak wita svg ekk aththe.

Table element ekenuth krnna puluwan

 

[DemonAkalanka]

CSS Flex - https://www.w3schools.com/css/css3_flexbox.asp

or

CSS Grid - https://www.w3schools.com/css/css_grid.asp

HTML Tables walinuth puluwan.

 

[nevermindNevergiveup]

Kendo UI Grid

 

[dhanukaShamen]

Oka inspect krla baluwda?

Godak wita svg ekk aththe.

Table element ekenuth krnna puluwan

meka me figma ui design ekak bro

---

Kendo UI Grid

?
------ Post added on Jan 29, 2024 at 12:38 PM

 

[gamerlk]

meka me figma ui design ekak bro

---

?
------ Post added on Jan 29, 2024 at 12:38 PM

Oya wage design ekk thiyenwa nextjs website eke nextjs.org

Eyala use krla thiyenne flexbox.

 

[dhanukaShamen]

SVG ekak dala wade karagatta guys

 

[gamerlk]

SVG ekak dala wade karagatta guys

Responsiveness okay nm awulk na

 

[nevermindNevergiveup]

SVG ekak dala wade karagatta guys

Overlay වෙනවද mobile වලටත්?

 

[dhanukaShamen]

 

[gamerlk]

View attachment 223609
View attachment 223610

Would be better if you can increase the padding a bit around the text

 

[Amith0424]

flex use karala karaganna. responsive walatath hondayi.

 

[dhanukaShamen]

flex use karala karaganna. responsive walatath hondayi.

mata ara grid lines tika kohomada flex use karala hadanne kiyala idea ekak na bro

 

[gamerlk]

mata ara grid lines tika kohomada flex use karala hadanne kiyala idea ekak na bro

It's not that much difficult, see this jsfiddle.

 

[dhanukaShamen]

It's not that much difficult, see this jsfiddle.



View attachment 223628

thank you bro

 

[kolavari]

Gsap / svg

 

[beam_tech]

up

 

[dhanukaShamen]

Gsap / svg

GSAP try කරන්න තමා bro මේ ui එක හදන්නේ
මේ විදිහට (https://gsap.com/community/forums/topic/15119-how-to-make-a-bouncy-line-with-gsap/) bouncy line හදන්න try කරන්නේ