CSS grid basics full tutorial in Sinhala

CSS basics full tutorial in Sinhala

📁Download files:https://drive.google.com/drive/folders/1nLXfxEPdrOqTerIPcpPCs2pEQs9dqHdN?usp=sharing

🏋️Project 1 demo (just give it a try):https://css-grid-project-1.netlify.app/
🏋️W3 documentation:https://www.w3schools.com/css/css_grid.asp

In this video, we will look at the new CSS Grid layout and how to create grid-based layouts and alignments. We will look at properties for containers and items.

🌟TOPICS🌟

0:00 – Intro
1:41- projects
3:50- HTML & Base CSS
9:20 – Creating a Grid
12:40 – grid-template-columns,grid-template-rows
15:12 – repeat()
17:20 – span and nth child
20:00 – grid number
30:35 – align and justify items
34:10 – align and justify self
35:50 – end motivation

✅For more info
📧linkedin:https://www.linkedin.com/company/web-designers-srilanka
📧contact:adomicarts@gmail.com

🏋️Usefull links

APP UI DESIGN

🔴Part 01:https://youtu.be/ox15lCSXong
🔴Part 02:https://youtu.be/jREbt8nZUD4
🔴Part 03:https://youtu.be/ctefUw0uf8g
🔴Part 04:https://youtu.be/g8Gl5qSvEgE

WEBSITE UI DESIGN

Episode01:https://youtu.be/oXcwg3xoPlk
Episode02:https://youtu.be/VxkAE2pnLbQ
Episode03:https://youtu.be/exGXHEJT-o8
Episode04:https://youtu.be/0pAtZjqiidQ
Episode05:https://youtu.be/x2sI1MZ6nds

📌Previous XD videos:
Full website design in adobe XD:https://youtu.be/Ai1P1heNZBw
tutorial 01
Episode01:https://youtu.be/oXcwg3xoPlk
Episode02:https://youtu.be/VxkAE2pnLbQ
Episode03:https://youtu.be/exGXHEJT-o8
Episode04:https://youtu.be/0pAtZjqiidQ

🔴How to download and install VS Code correctly:
The link to download VS Code is provided in the video description, follow that link and download the setup then click next and so on and make sure to give a path to install the setup.
For more information follow this video:https://youtu.be/V3o57MU5eoE

keys:
Webdesign sinhalen
spotify clone sinhalen
HTML CSS
HTML CSS Sinhala
HTML CSS projects in sinhala
sinhalen website
website Sinhala
full website
full spotify ui clone
full website coding in sinhala
html for beginners in sinhala
cssfor beginners in sinhala
cryptocurrency tracker web app in sinhala
adomic arts web design tutorials
web design tutorials in sinhala
web site fore beginners in sinhala

Duration: 00:38:30

source