DIsplay & Floats | CSS | Tutorial 5

  Рет қаралды 71,139

Giraffe Academy

Giraffe Academy

Күн бұрын

Пікірлер: 95
@meklitdebebe5933
@meklitdebebe5933 4 жыл бұрын
Mike , the first thing I ll do after getting a job is donate to you! Thanks !
@KindyBlossom
@KindyBlossom 4 жыл бұрын
That's so sweet! How is your learning progress I'm starting out
@caniget600subscriberswitho5
@caniget600subscriberswitho5 4 жыл бұрын
Hi
@lukewalker5717
@lukewalker5717 3 жыл бұрын
I bet you didn't stick with iy
@mehdi_9993
@mehdi_9993 3 жыл бұрын
yeaaah same with me loool
@yefrezertezera5957
@yefrezertezera5957 2 жыл бұрын
habesham leka code ymaral i thought i was the only one
@davidmalacaria753
@davidmalacaria753 5 жыл бұрын
Going down these playlists one by one, getting some serious knowledge
@meh5812
@meh5812 4 жыл бұрын
me too
@georgewright9173
@georgewright9173 4 жыл бұрын
I’m killin it
@caniget600subscriberswitho5
@caniget600subscriberswitho5 4 жыл бұрын
Yes
@leto1449
@leto1449 3 жыл бұрын
@Eliza Petitt bro are you good ? you got shitty marketing talent
@ashkan.arabim
@ashkan.arabim 4 жыл бұрын
Why the hell would someone dislike this video??
@adnanzafar5385
@adnanzafar5385 3 жыл бұрын
Mike, your video is still beneficial for us.
@xyrycYT
@xyrycYT 4 жыл бұрын
You are awesome. :)
@sebastiansmal4423
@sebastiansmal4423 3 жыл бұрын
How on earth I can thank you? Simple, short, very helpfull for anyone who is new in web dev. Thanks a lot.
@iralarushendra
@iralarushendra 3 жыл бұрын
Hmm.
@neel6978
@neel6978 2 жыл бұрын
agreed
@ElenaKomleva
@ElenaKomleva 4 жыл бұрын
Do you have a long, full JavaScript tutorial? (not a forty-minute overview)
@saidneder41
@saidneder41 4 жыл бұрын
yea! he has! in his channel he have a Javascript playlist just like this one :)
@annadidyana518
@annadidyana518 4 жыл бұрын
@Swittie Lovely wtf ???
@ahmadfaisal6356
@ahmadfaisal6356 3 жыл бұрын
i hope you don't stop sharing your knowledge
@sandy-gx8zp
@sandy-gx8zp 3 жыл бұрын
when my teacher gave me home work"f*** u" when mide did same"that's interesting"
@javiercisnerosmoronta4692
@javiercisnerosmoronta4692 3 жыл бұрын
Thanks for the vid, I really loved the way you explained things. Looking forward to more content.
@oscarcollinsiv
@oscarcollinsiv 3 жыл бұрын
i tried so many youtube videos , apps and the like and either couldnt stand the instruction or was bored out of my mind and couldnt sit through it. I started with html 2 hour tutorial and followed along on my own with my phone connected to a keyboard and mouse via bluetooth and 3 days later ive made it this far and have an extremely comforting grasp of html and atleast this far in css. ive played with arduino before and thats what has got me excited about coding but Mike is a phenominal teacher and i couldnt be happier with his instruction. im deffinatly hooked. thanks
@henryward8311
@henryward8311 4 жыл бұрын
DISPLAY:NONE. BAM U CANT SEE IT.
@philiplin9041
@philiplin9041 5 жыл бұрын
Hi Mike First of all, thank you for all your tutorials! Just one question. why would you use a display to make them horizontal when you can just put them in span like you did.
@rahul5794
@rahul5794 5 жыл бұрын
Hi Philip, This is just a basic example. But, in real-time scenarios you'd probably want to style all the elements of the navigation bar with a certain property. Then, if you're putting all of them in separate tags you'd have to give them id's and (or) names to uniquely identify each one of them. But , in this way when you're just tweaking the display property, it makes your job a lot easier when you wanna style all the elements combined. Hope you got the idea.
@philiplin9041
@philiplin9041 5 жыл бұрын
@@rahul5794 Hey Rahul< Thanks for breaking it down :). I didn't realise people have a seperate stylesheet until now. your my hero haha
@caniget600subscriberswitho5
@caniget600subscriberswitho5 4 жыл бұрын
Hi
@dwaipayanroy3232
@dwaipayanroy3232 2 жыл бұрын
@@caniget600subscriberswitho5 no
@ahmadfaisal6356
@ahmadfaisal6356 3 жыл бұрын
i like your explanation
@Eckister
@Eckister 3 жыл бұрын
HTML and CSS are so simple and yet so complex. 0_0 it took me around 40 minutes to somewhat understand the attributes for display: and float: lol, thank you Mike! :-O
@easetellnetworks7201
@easetellnetworks7201 2 жыл бұрын
this legend here taught me html and now am on css big up you are my rolemodl.............🙏🙏
@abdelkarimbadaoui6586
@abdelkarimbadaoui6586 4 жыл бұрын
Excuse me Mr.Mike did u just say a homework ... I believe u were the best teacher i ever have but after u saying that i may have to reconsider 😂
@caniget600subscriberswitho5
@caniget600subscriberswitho5 4 жыл бұрын
Hi
@dwaipayanroy3232
@dwaipayanroy3232 2 жыл бұрын
hahaha
@poojaagarwal6296
@poojaagarwal6296 Жыл бұрын
Mike, I like to watch you videos. Even my english is not very good, sometimes I don't understand what you are making to understand us because you know my english is not good still I always watch your videos because your content is best. and no one videos is available like you in whole youtube. thank you so much mike.
@UTRG-UnderTheRain
@UTRG-UnderTheRain 3 жыл бұрын
Spent the last 8 hrs following the html tutorial and now this series and I have made a test page with loads of elements, css all over the place and even some java script on it. I didn't think I'd learn so much today thanks for all the videos they've been super helpful I just donated purely off what I have learned today thanks again
@chintabindhusri5879
@chintabindhusri5879 4 жыл бұрын
Why did you use html extension?can we even do with html extension for css.
@caniget600subscriberswitho5
@caniget600subscriberswitho5 4 жыл бұрын
Hi
@onesandzeroes
@onesandzeroes 5 жыл бұрын
Nice tutorial. The only thing I don't understand is why you're doing all these examples with inline styles rather then in the tag or a separate file.
@mys8091
@mys8091 5 жыл бұрын
same
@Ahmet-vb6nf
@Ahmet-vb6nf 4 жыл бұрын
@@mys8091 1 yıl önce yazmışsın. durumun ne merak ettim :D
@caniget600subscriberswitho5
@caniget600subscriberswitho5 4 жыл бұрын
Hi
@Moodboard39
@Moodboard39 2 жыл бұрын
Does it matter? Same shit
@Moodboard39
@Moodboard39 2 жыл бұрын
If gets the same result. Anyone has preference in how they do it .
@rickt.1006
@rickt.1006 4 жыл бұрын
thanks so much me and my classmates are using this
@caniget600subscriberswitho5
@caniget600subscriberswitho5 4 жыл бұрын
Hi
@azizmallick3494
@azizmallick3494 2 жыл бұрын
Dear Mike , You have been an important asset to me. One Day , I will make sure to pay you my Tuition fee after I start Earning !! I get the theory part most of from books .. But the implementation of the codes are possible only after I watch your Videos. For some reason the complexity of tags, methods() , attributes , definition & how they work becomes so much easier after I watch your Videos .. Hehe .. I will definitely Pay you buddy !! Just keep up the good work !! All Hail the Mighty Mike & Giraffe Academy !! Hahaha !!
@aleksatodorovic1740
@aleksatodorovic1740 3 жыл бұрын
hahahahaha what was that pause at 7:25 my guy???
@zakhariihusar6975
@zakhariihusar6975 3 жыл бұрын
Holly shit. I'm a newbie, and was looking for this solution few hours(to put my images vertically into a flowing list).
@ahmadfaisal6356
@ahmadfaisal6356 3 жыл бұрын
i like your explanation
@khetarpalabhinav
@khetarpalabhinav 2 жыл бұрын
Great video! Legend.
@adacelestina6922
@adacelestina6922 2 жыл бұрын
Mike, thank you really enjoy teaching. Please can you teach me external styling
@MalkiaMmoja
@MalkiaMmoja 2 жыл бұрын
Thanks for another awesome tutorial. You're a legend.
@oxygenfh4499
@oxygenfh4499 3 жыл бұрын
extremly good
@pulakchakma5947
@pulakchakma5947 2 жыл бұрын
Thanks Mike!
@WeinsteinHsu
@WeinsteinHsu 4 жыл бұрын
He is the best teacher!
@caniget600subscriberswitho5
@caniget600subscriberswitho5 4 жыл бұрын
Yes
@mustafahany6264
@mustafahany6264 5 жыл бұрын
you are perfect plz keep moving ...
@caniget600subscriberswitho5
@caniget600subscriberswitho5 4 жыл бұрын
Hi
@levvi917
@levvi917 4 жыл бұрын
@@caniget600subscriberswitho5 hey
@summersoker4044
@summersoker4044 2 жыл бұрын
thx a ton! loving these videos. it wd be great if it was shown in css tho, not only html
@victortobenna2750
@victortobenna2750 2 жыл бұрын
Hi Mike how could I float image or text at the top
@Moodboard39
@Moodboard39 2 жыл бұрын
Float property . Float: left ,top
@jesscoppom8106
@jesscoppom8106 2 жыл бұрын
Thank you! This really helped me!
@GuidetteExpert
@GuidetteExpert 3 жыл бұрын
But can you use the span instead of the list to create a navigation bar?
@calebkabeya3069
@calebkabeya3069 3 жыл бұрын
God bless you brother Mike!!
@moularaoul643
@moularaoul643 4 жыл бұрын
Thanks!
@caniget600subscriberswitho5
@caniget600subscriberswitho5 4 жыл бұрын
Hi
@moularaoul643
@moularaoul643 4 жыл бұрын
@@caniget600subscriberswitho5 hi!! yes you can!
@caniget600subscriberswitho5
@caniget600subscriberswitho5 4 жыл бұрын
@@moularaoul643 tnx
@sonamuhialdeen7866
@sonamuhialdeen7866 3 жыл бұрын
So good tutorial
@nurettinozturk3110
@nurettinozturk3110 3 жыл бұрын
Great!
@princesinday6570
@princesinday6570 4 жыл бұрын
how did you wrap the text mike? anyone knows how?
@KindyBlossom
@KindyBlossom 4 жыл бұрын
He duplicated the texts
@caniget600subscriberswitho5
@caniget600subscriberswitho5 4 жыл бұрын
Hi
@no_one2425
@no_one2425 5 жыл бұрын
Nice
@caniget600subscriberswitho5
@caniget600subscriberswitho5 4 жыл бұрын
Hi
@channelsurfing5586
@channelsurfing5586 5 жыл бұрын
How can I get the text bigger? Anyone?
@bort_1265
@bort_1265 5 жыл бұрын
@caniget600subscriberswitho5
@caniget600subscriberswitho5 4 жыл бұрын
Hi
@aarnavbharadwaj7414
@aarnavbharadwaj7414 4 жыл бұрын
noice
@caniget600subscriberswitho5
@caniget600subscriberswitho5 4 жыл бұрын
Hi
@aarnavbharadwaj7414
@aarnavbharadwaj7414 4 жыл бұрын
@@caniget600subscriberswitho5 hi
@mustafahany6264
@mustafahany6264 5 жыл бұрын
nice
@caniget600subscriberswitho5
@caniget600subscriberswitho5 4 жыл бұрын
Hi
@radmehr775
@radmehr775 3 жыл бұрын
Is Mike alive?? He haven't posted anything for three years! I'm really looking forward to appreciate him maybe in person!
@Moodboard39
@Moodboard39 2 жыл бұрын
He mad money and retired lol
@porker5749
@porker5749 5 жыл бұрын
I think this tutorial should be updated as floats have been replaced with flex and grids. Pawel x...he gets into css style sheets in video 10. Don't know why he spent so much time with inline styles, but the concepts are the same, just a lot less messy with css style sheets and easier to control your entire website with them.
@caniget600subscriberswitho5
@caniget600subscriberswitho5 4 жыл бұрын
Hi
@Moodboard39
@Moodboard39 2 жыл бұрын
U could do either or ..whatever u prefer . Why you idiots making a deal about it
@incrediblystupid
@incrediblystupid 2 жыл бұрын
Bruh you have big teacher energey
@caniget600subscriberswitho5
@caniget600subscriberswitho5 4 жыл бұрын
I decided to reply every comment
@caniget600subscriberswitho5
@caniget600subscriberswitho5 4 жыл бұрын
Even mine
Position - Static, Relative, Absolute, Fixed | CSS | Tutorial 6
11:20
Giraffe Academy
Рет қаралды 68 М.
CSS in 5 minutes
8:16
Aaron Jack
Рет қаралды 148 М.
小丑妹妹插队被妈妈教训!#小丑#路飞#家庭#搞笑
00:12
家庭搞笑日记
Рет қаралды 38 МЛН
Amazing Parenting Hacks! 👶✨ #ParentingTips #LifeHacks
00:18
Snack Chat
Рет қаралды 23 МЛН
CSS Floats and Clears Tutorial for Beginners
13:08
Dave Gray
Рет қаралды 22 М.
10 CSS Pro Tips - Code this, NOT that!
9:39
Fireship
Рет қаралды 2,2 МЛН
IDs & Classes | CSS | Tutorial 11
10:25
Giraffe Academy
Рет қаралды 46 М.
100+ Web Development Things you Should Know
13:18
Fireship
Рет қаралды 1,5 МЛН
Layout Example CSS - Float, Display, Clear, Overflow properties
19:14
Learn CSS Flexbox in 20 Minutes (Course)
20:37
Coding2GO
Рет қаралды 137 М.
Flexbox | CSS | Tutorial 13
12:52
Giraffe Academy
Рет қаралды 46 М.
Animations | CSS | Tutorial 14
8:54
Giraffe Academy
Рет қаралды 36 М.
Are You Making These CSS Height Mistakes?
8:54
Web Dev Simplified
Рет қаралды 131 М.
Basic Inline Styling | CSS | Tutorial 2
11:02
Giraffe Academy
Рет қаралды 126 М.