CSS Align Self || CSS Tutorial by Shahid Naeem || Class 27.

  Рет қаралды 544

Shahid Naeem

Shahid Naeem

2 ай бұрын

Struggling to achieve perfect alignment within your flexbox layouts? Look no further! This comprehensive CSS tutorial, led by Shahid Naeem, dives deep into the align-self property, empowering you to take complete control over how individual items are positioned along the cross axis.
Whether you're a seasoned web developer or just starting with flexbox, this video is your one-stop guide. You'll learn:
The fundamentals of align-self and its role in flexbox layouts.
How to achieve various alignments: start, end, center, stretch, and more!
Practical examples to solidify your understanding and unlock creative possibilities.
Bonus: We'll explore the interplay between align-self, flex-grow, and flex-shrink properties, giving you the ultimate control over flexbox item behavior.
#css #css3 #csstutorial #webdevelopment #fullstackwebdevelopment
I am Shahid Naeem and I will teach you every detail you want to learn about online earning courses and freelancing skills e.g; photoshop, illustrator , CorelDraw , MS Word, MS Excel , MS Powerpoint, video editing , Canva, WordPress, and how to make money online step by step in Urdu and Hindi. I am here to teach you everything for free at this platform. If you have any question then feel free to contact me and just drop your question in comments section, I will try my level best to respond you as soon as possible.
********************
For Paid Courses Please visit:
www.withshahidnaeem.com
********************
#shahidnaeem
Fiverr Complete Course:
• Fiverr Complete Tutori...
Canva Course:
• Canva Tutorial For Beg...
Adobe Illustrator Tutorial:
• Adobe Illustrator Trai...
Adobe Photoshop Tutorial:
• Adobe Photoshop Tutorial
Video Editing with Adobe Premiere Pro:
• Adobe Premiere Pro Ful...
MS Excel Tutorial:
• Microsoft Excel Tutori...
• Microsoft Excel Tutorial
WordPress Course:
• WordPress Tutorial For...
• WordPress Tutorial
• Word Press Lessons
MS Power Point Tutorial:
• PowerPoint Presentatio...
MS Word Tutorial:
• Microsoft Word Tutoria...
• MS Word Tutorial
CorelDraw Tutorial:
• Corel Draw 2019 Tutorial
• Corel Draw Advance Tut...
KineMaster Tutorial :
• Kinemaster Video Editing
Logo Design Tutorial :
• Logo Design in Photoshop
English Language Course:
• Learn English Through ...
Video Editing with Camtasia:
• Video Editing Complete...
KZfaq Earning Tips:
• KZfaq Earning
Make Money Online:
• How To Make Money Online
**************************************
Facebook Page Link :
/ withshahidnaeem
My E-Mail :
aglow4all@gmail.com
My Web site :
www.withshahidnaeem.com
Our College website :
www.aglow.edu.pk
WhatsApp : 03213614222
Twitter :
/ aglow4all
Linked in :
/ shahid-na. .
Instagram:
/ withshahidnaeem
Don’t forget to like and share this video.
Disclaimer:
==========
This video is for educational purpose only Copyright Disclaimer U/S 107 of the Copyright Act 1976, allowance is made for " fair use ".
Photos ,Videos , images or Clips used from youtube or google in this video are only for educational purposes and are protected by the Fair Use Law, U/S 107 used for commentary ,criticism, news reporting or education for transformative use .
Best Regards :
Shahid Naeem

Пікірлер: 48
@hafizmuhammadumar7027
@hafizmuhammadumar7027 4 күн бұрын
flex-direction: column; it will arrange the items within flex alongside Y-Axis. answered by Umer, Lahore.
@withShahidNaeem
@withShahidNaeem 4 күн бұрын
good umer sahib
@AliShah-iy6hg
@AliShah-iy6hg 2 ай бұрын
Dear Sir, My name is Syed Taha Ali Bukhari and I am from Rawalpindi, Amazing lecture top to bottom is y-axis and flex-direction=column Thanks a lot.
@withShahidNaeem
@withShahidNaeem 2 ай бұрын
very good syed Taha Ali sahib. you are doing well and we receive your messages about daily. very good keep it up
@AliShah-iy6hg
@AliShah-iy6hg 2 ай бұрын
@@withShahidNaeem In sha Allah one day I meet you when I will success. Thanks
@user-wc3zu3mt5q
@user-wc3zu3mt5q 2 ай бұрын
Kashif Rizwan from multan Ans; x-axis is called main axis wather as y-axis is called cross-axis.
@withShahidNaeem
@withShahidNaeem 2 ай бұрын
very good kashif rizwan sahib
@user-lk3wv1ye2h
@user-lk3wv1ye2h 2 ай бұрын
Nice
@withShahidNaeem
@withShahidNaeem 2 ай бұрын
Thanks
@uatechnicaltrick
@uatechnicaltrick 2 ай бұрын
Aoa Muhammad Asad from okara nice video sir je
@withShahidNaeem
@withShahidNaeem 2 ай бұрын
So nice of u
@mirzashahzad
@mirzashahzad 2 ай бұрын
AoA hope You fine and happy In Sha Allah Sir.We called it "Y-AXIS" Sir.
@withShahidNaeem
@withShahidNaeem 2 ай бұрын
Yes, thanks
@fullmast
@fullmast 2 ай бұрын
Walaikum Assalam Sir that is called columns means y axis. Zakir Hussain Soomro City Jacobabad Sindh Province
@withShahidNaeem
@withShahidNaeem 2 ай бұрын
good zakir sahib. keep learning
@abdulraouf2621
@abdulraouf2621 2 ай бұрын
And. Colum, Direction Abdul Raouf From Hasilpur
@withShahidNaeem
@withShahidNaeem 2 ай бұрын
Abdul Rouf sahib very good. keep learning
@abdulraouf2621
@abdulraouf2621 2 ай бұрын
Jazakullah Sir I pray for u r Health.
@Doraemonxnobitanobi
@Doraemonxnobitanobi 2 ай бұрын
“Y-axis” Usman Sargodha
@withShahidNaeem
@withShahidNaeem 2 ай бұрын
good
@fahdkhan2080
@fahdkhan2080 2 ай бұрын
myself fahad khan from karachi answer is (y-axis) top to bottom colum
@withShahidNaeem
@withShahidNaeem 2 ай бұрын
very good fahad khan sahib
@shahzork
@shahzork 18 күн бұрын
Sir, that is called Y-axis from S. Khalid Ahmed / Islamabad
@withShahidNaeem
@withShahidNaeem 18 күн бұрын
Very good 👍
@shabanmalik3780
@shabanmalik3780 6 күн бұрын
Y-axis............Shaban From Karachi
@withShahidNaeem
@withShahidNaeem 6 күн бұрын
Right ✅️
@FarooqiAseels
@FarooqiAseels 2 ай бұрын
Sir Answer is Y-Axis Mujeeb Ahmad From Nowshera KPK
@withShahidNaeem
@withShahidNaeem 2 ай бұрын
very good mujeeb sb
@FarooqiAseels
@FarooqiAseels 2 ай бұрын
Thanks sir g
@BilalAhmad14036
@BilalAhmad14036 Ай бұрын
Bilal Ahmad from peshawar.... ( y-axis)
@withShahidNaeem
@withShahidNaeem Ай бұрын
good bilal sahib
@amjad4graphics937
@amjad4graphics937 2 ай бұрын
y-axis Answered by "Amjad Khan" of "Attock" ( Sir How many class we will have in JavaScript)
@withShahidNaeem
@withShahidNaeem 2 ай бұрын
good amjad sb. no idea about no of classes . estimated 30
@saeedanwar240
@saeedanwar240 2 ай бұрын
Hi sir Saeed anwar TOBA TEK SINGH (y-axis)
@withShahidNaeem
@withShahidNaeem 2 ай бұрын
Good seed sb
@user-zx1gr1um9u
@user-zx1gr1um9u Ай бұрын
Answer: y-axis
@withShahidNaeem
@withShahidNaeem Ай бұрын
good
@shayangujjar2013
@shayangujjar2013 2 ай бұрын
AoA SIR today's ans is y-axis or cross-axis from sargodha
@withShahidNaeem
@withShahidNaeem 2 ай бұрын
Right answer
@hashmi966
@hashmi966 3 күн бұрын
waelaikumussalam Sir, the answer is column or cross!
@withShahidNaeem
@withShahidNaeem 3 күн бұрын
Right ✅️
@Ihsanullah-bl8ec
@Ihsanullah-bl8ec 26 күн бұрын
Assalam o alaikum sir Ihsanullah From Karachi sir top to bottom ko Y-axix
@withShahidNaeem
@withShahidNaeem 26 күн бұрын
good
@abdulwahid-qq4dx
@abdulwahid-qq4dx Ай бұрын
Cross axis or Y axis
@withShahidNaeem
@withShahidNaeem Ай бұрын
Nice good 👍
@BAcricket1233asr3
@BAcricket1233asr3 2 ай бұрын
sir Javascript kab shru hoge
@withShahidNaeem
@withShahidNaeem 2 ай бұрын
after CSS
@BAcricket1233asr3
@BAcricket1233asr3 2 ай бұрын
@@withShahidNaeem abhi kitne din hain
Пранк пошел не по плану…🥲
00:59
Саша Квашеная
Рет қаралды 6 МЛН
🤔Какой Орган самый длинный ? #shorts
00:42
DEFINITELY NOT HAPPENING ON MY WATCH! 😒
00:12
Laro Benz
Рет қаралды 61 МЛН
Gen-3 vs Youtube & More AI News!
13:08
Theoretically Media
Рет қаралды 5 М.
Layout Components (Column, Row) - Jetpack Compose Basics #3
19:54
Mohammed Khudair
Рет қаралды 43
Пранк пошел не по плану…🥲
00:59
Саша Квашеная
Рет қаралды 6 МЛН