<![CDATA[CSS Grid]]>CSS grid කියන්නෙ අපිට 2 dimensional array එකකින් අපේ HTML Layout එක හදාගන්න introduce කරපු එකක්

හරි අපි මුලින්ම බලමු මොකක්ද grid එකේ තියෙන වාසිය කියලා

  • complex layouts හදන්න අපිට Bootstrap වගේ ලොකු frameworks ඕන්නැ

  • අපිට ඕන layout එක mobile responsive එක්ක හදාගන්න පුලුවන්

  • අපි width, float ලියල කරන styling එකට වඩා ලේසියෙන් styling කරගන්න පුලුවන්

කොහොමද මේ grid එක use කරන්නෙ?

Codepen එකේ හදපු Pen එකේ Code එක click කරල refer කරගන්න

]]>https://lankadevelopers.lk/topic/128/css-gridRSS for NodeWed, 17 Jun 2026 04:07:10 GMTThu, 31 Jan 2019 10:27:13 GMT60<![CDATA[Reply to CSS Grid on Thu, 11 Apr 2019 11:34:56 GMT]]>Thanks, good one

]]>https://lankadevelopers.lk/post/1335https://lankadevelopers.lk/post/1335Thu, 11 Apr 2019 11:34:56 GMT<![CDATA[Reply to CSS Grid on Thu, 07 Feb 2019 15:31:31 GMT]]>@akmal bootstrap walata loku community ekak thiyenawa ekai bootstrap ochchara famous wela thiyenne. example ekak gaththoth slider ekak danna bootstarp nathuwa kochchara loku wedak da. eth boostrap walata support karana sliders kochhara thiyenawada

]]>https://lankadevelopers.lk/post/905https://lankadevelopers.lk/post/905Thu, 07 Feb 2019 15:31:31 GMT<![CDATA[Reply to CSS Grid on Tue, 05 Feb 2019 15:41:26 GMT]]>anith eka tmi dn api hadana single page applications wla Bootstrap hariyata render wenneth na, api angular gatthanam ekema tynwa flexlayot plugin ekak eka use krla apita ona widihata css flex, css grid use krnna puluwn

]]>https://lankadevelopers.lk/post/897https://lankadevelopers.lk/post/897Tue, 05 Feb 2019 15:41:26 GMT<![CDATA[Reply to CSS Grid on Tue, 05 Feb 2019 15:39:27 GMT]]>Bootstrap lesi thami, ath bootstrap ekata wada grid wla layout ek hariyata apita ona widihata hdgnna puluwn

]]>https://lankadevelopers.lk/post/896https://lankadevelopers.lk/post/896Tue, 05 Feb 2019 15:39:27 GMT<![CDATA[Reply to CSS Grid on Sat, 02 Feb 2019 05:40:30 GMT]]>ඇයි bootstrap තියාගෙන මෙහෙම custom css ගහන්නේ මේක ගොඩක් වෙලා යන වැඩක් ඒ වගේම sliders අනිත් javascript components bootstrap තමයි support කරන්නේ

]]>https://lankadevelopers.lk/post/885https://lankadevelopers.lk/post/885Sat, 02 Feb 2019 05:40:30 GMT<![CDATA[Reply to CSS Grid on Fri, 01 Feb 2019 18:09:50 GMT]]>ou bootstrap grid system eka lesi , m use karaneth bootstrap

]]>https://lankadevelopers.lk/post/876https://lankadevelopers.lk/post/876Fri, 01 Feb 2019 18:09:50 GMT<![CDATA[Reply to CSS Grid on Fri, 01 Feb 2019 17:21:58 GMT]]>matanm Bootstrap Grid system eka thama lesima, custom css gahanna ona wenne nahane ethakota... custom css gahagena amaruwen karana wade bootstrap walin lesiyenma kara ganna pluwnne...

]]>https://lankadevelopers.lk/post/875https://lankadevelopers.lk/post/875Fri, 01 Feb 2019 17:21:58 GMT<![CDATA[Reply to CSS Grid on Fri, 01 Feb 2019 15:56:07 GMT]]>@akmal Framework ekak use karanawata wada man nam CSS Grid walata kamati.Bootstrap use kalama wenasak teren na site ekak dammama.danna kenek baluwa gaman meka bootstrap site ekak kiyanawa.etakota agaya adui

]]>https://lankadevelopers.lk/post/869https://lankadevelopers.lk/post/869Fri, 01 Feb 2019 15:56:07 GMT<![CDATA[Reply to CSS Grid on Fri, 01 Feb 2019 04:51:58 GMT]]>@lkdev ඔව් bootstrap use කරලා ලේසියෙන් හදාගන්න පුලුවන් ඒත් bootstrap එකේ තියෙන layouts වලට වඩා CSS grids customize කරන්න පුලුවන්, අනිත් එක අපි Boostrap use කරත් නැත්නම් skeleton use කරත් දෙකම framework එකක්, ඔයා කොහොමත් ඒකට CDN හෝ File link karanna wenawa ඒත් grid use කරනවා නම් ඔයාට ඔයාගේ style file එකේම වැඩේ කරගන්න පුලුවන්

]]>https://lankadevelopers.lk/post/851https://lankadevelopers.lk/post/851Fri, 01 Feb 2019 04:51:58 GMT<![CDATA[Reply to CSS Grid on Fri, 01 Feb 2019 04:28:27 GMT]]>මේක use කරන එකෙයි bootstrap use කරන එකෙයි ලොකු වෙනසක් තියෙනවනේ . bootstrap pre built class use කරලා අපිට ලේසියෙන් හදාගන්න පුළුවන් මේ විදියට custom ගහගෙන වද විදින්න ඕනේ නැනේ. ඔයාට bootstrap ලොකු වැඩි නම් skeleton framwork එක use කරන්න පුළුවන්

]]>https://lankadevelopers.lk/post/850https://lankadevelopers.lk/post/850Fri, 01 Feb 2019 04:28:27 GMT<![CDATA[Reply to CSS Grid on Thu, 31 Jan 2019 10:57:57 GMT]]>@root sure thing bro

]]>https://lankadevelopers.lk/post/845https://lankadevelopers.lk/post/845Thu, 31 Jan 2019 10:57:57 GMT<![CDATA[Reply to CSS Grid on Thu, 31 Jan 2019 10:44:05 GMT]]>awesome... we can develop simplyfied bootstrap version for lankadevelopers.

]]>https://lankadevelopers.lk/post/844https://lankadevelopers.lk/post/844Thu, 31 Jan 2019 10:44:05 GMT<![CDATA[Reply to CSS Grid on Thu, 31 Jan 2019 10:29:31 GMT]]>@tnlthanzeel you are welcome bro

]]>https://lankadevelopers.lk/post/843https://lankadevelopers.lk/post/843Thu, 31 Jan 2019 10:29:31 GMT<![CDATA[Reply to CSS Grid on Thu, 31 Jan 2019 10:29:02 GMT]]>@akmal , thanks bro

]]>https://lankadevelopers.lk/post/842https://lankadevelopers.lk/post/842Thu, 31 Jan 2019 10:29:02 GMT