How to create Our Team Section Using HTML and CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 มี.ค. 2019
  • Our Team Section -- Check out how to create our team section Using HTML and CSS
    #OurTeamSection #CSSFlexbox #OurTeamDesign
    -------------------------- Demo Files --------------------------
    Download the Exercise Files here,
    github.com/codingmarket07/Our...
    Codepen Link,
    codepen.io/cool_lazyboy/pen/z...
    -------------------------- FOLLOW ME --------------------------
    Facebook: / codingmarket
    Twitter: / coding_market
    Codepen: codepen.io/RajRajeshDn
    -------------------------- CDN LINKS --------------------------
    Google Fonts Link,
    fonts.google.com/
    -------------------------- Donate --------------------------
    Support my channel by Donating
    www.paypal.me/codingmarket
    ---------------------------
    If you like this video, please subscribe to my channel.
    Thank you
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 107

  • @linfordnyeha1
    @linfordnyeha1 ปีที่แล้ว +1

    I can't believe this was three years ago video tutorial, still make absolute sense. Thanks sir.

  • @yash-uy5ym
    @yash-uy5ym ปีที่แล้ว

    This guy's explanation on div boxes is the best on TH-cam.
    I just made my very 1st project by watching this.

  • @ilhamhocini6734
    @ilhamhocini6734 4 ปีที่แล้ว +3

    Very well explained and looks beautiful, thank you sir , hope I can learn from you.

  • @wasikhattakofficial
    @wasikhattakofficial 4 ปีที่แล้ว +2

    Looking great and very well explained!

  • @pratitibera8639
    @pratitibera8639 4 ปีที่แล้ว

    I am really greatful to your sir for this amazing tutorial!!! Thank you so so much!!! It was very helpful and i found exactly what i wanted!!!

  • @muhammadyani8961
    @muhammadyani8961 ปีที่แล้ว

    As always, everything is super. Waiting for new crack from your team

  • @darmaansinghrawat1505
    @darmaansinghrawat1505 ปีที่แล้ว

    Can't wait to see your other videos.

  • @Gilgamesh_King_Of_Uruk
    @Gilgamesh_King_Of_Uruk 3 ปีที่แล้ว

    Thanks man! This was extremely helpful!

  • @hillaryangelicaalvonsosima6420
    @hillaryangelicaalvonsosima6420 ปีที่แล้ว

    U gotta make it look so easy, thx bro!

  • @wLDNdfinest121
    @wLDNdfinest121 4 ปีที่แล้ว

    Brilliant work thank you !!

  • @niealgadia6546
    @niealgadia6546 2 ปีที่แล้ว

    Thank you, I perfectly got it. 💕

  • @DuncanKinyua
    @DuncanKinyua 2 ปีที่แล้ว

    This was really helpful and I learnt a lot.👏

  • @manoranjanpanigrahi3677
    @manoranjanpanigrahi3677 3 ปีที่แล้ว

    hey , when i apply flex-wrap: wrap , my boxes stretches out vertically one over another

  • @mohamedhamthy3713
    @mohamedhamthy3713 ปีที่แล้ว

    Thanks dude...It helps alot especially on beginners like

  • @mastermind5122
    @mastermind5122 4 ปีที่แล้ว

    Thanks for the video.Very useful video

  • @DJDELLANNIE
    @DJDELLANNIE 3 ปีที่แล้ว

    very nice tutorial thanks for the great work

  • @callformusic2428
    @callformusic2428 2 ปีที่แล้ว +3

    I think using flex can be more complicated as we have to adjust it several times. Instead we can use 3 divs under a parent div with relative width and flot left command.
    Btw great tutorial Sir

  • @biswamohandwari6460
    @biswamohandwari6460 4 ปีที่แล้ว

    Man 10:47 scene is brilliant, awesome, superb dude.

  • @anonymoussaif7361
    @anonymoussaif7361 2 ปีที่แล้ว

    Your really super brother
    Amazing and awesome
    Thank you❤ sooo much you cleared most of my doubts

  • @3nvy_
    @3nvy_ ปีที่แล้ว

    very nice...i startes soft soft learning.thank you so much....

  • @mrzack184
    @mrzack184 4 ปีที่แล้ว

    Great video.... I have subscribed!

  • @keithpogzkeithpogzosu1250
    @keithpogzkeithpogzosu1250 4 ปีที่แล้ว

    hey man this is awesome thank you!

  • @rakibulhossainrakib7010
    @rakibulhossainrakib7010 3 ปีที่แล้ว

    truly understandable ❤

  • @olusogamuyiwa9598
    @olusogamuyiwa9598 3 ปีที่แล้ว

    Hi , I just watched this and was very helpful

  • @kartheekjella6416
    @kartheekjella6416 4 ปีที่แล้ว

    Thank you. useful for us.

  • @debabratasethi1086
    @debabratasethi1086 2 ปีที่แล้ว

    Thanks it's very helpful.

  • @Mybeau
    @Mybeau ปีที่แล้ว

    Excellent video!

  • @deepaktyagi5422
    @deepaktyagi5422 3 ปีที่แล้ว

    Thank you sir u helped a lot

  • @shajar_A0A
    @shajar_A0A ปีที่แล้ว

    Really Great sir..

  • @2012prashanth
    @2012prashanth 5 ปีที่แล้ว

    Keep it up Brother😊

  • @chxxstheory
    @chxxstheory 3 ปีที่แล้ว

    Thank you like, really ❤️

  • @bokohd
    @bokohd 3 ปีที่แล้ว

    GREAT VIDEO!!!

  • @andrianekaputra335
    @andrianekaputra335 3 ปีที่แล้ว

    I watched the ad to say thank you!

  • @abdirahmantoronto225
    @abdirahmantoronto225 4 ปีที่แล้ว

    Happy lecture

  • @xo5883
    @xo5883 3 ปีที่แล้ว

    thanks a lotttttttttttttttttttttttttttt bro.........
    well explained...❤❤

  • @krithiki6200
    @krithiki6200 3 ปีที่แล้ว +2

    Thank you very much bro. I am very grateful to you. Thank you for your marvelous tutorial!!!
    Thank you so so much!!! It was very helpful and i found exactly what i wanted!!!
    You have given the coding too.. and that helped me very well..
    Thank you so much!!!!

  • @ms.asthaaherrao1155
    @ms.asthaaherrao1155 3 ปีที่แล้ว

    It helped a lot....
    thnx

  • @stararshad8871
    @stararshad8871 3 ปีที่แล้ว

    excellent bro

  • @capitaltechnologies2985
    @capitaltechnologies2985 5 ปีที่แล้ว

    good job!

  • @technoaawaz9647
    @technoaawaz9647 3 ปีที่แล้ว

    You helped alot bro

  • @stephenpauli582
    @stephenpauli582 ปีที่แล้ว

    Thank you in advance

  • @gamgangagagangangn1144
    @gamgangagagangangn1144 ปีที่แล้ว

    Totally agree, bro!

  • @hadeermohamedeid2437
    @hadeermohamedeid2437 2 ปีที่แล้ว

    Thank you 😊

  • @ak27129
    @ak27129 3 ปีที่แล้ว

    thank you very much, i will give u credits on m website

  • @abdulafd
    @abdulafd 2 ปีที่แล้ว

    Helpful

  • @richardagor3938
    @richardagor3938 2 ปีที่แล้ว

    Thanks sir ❤️❤️❤️

  • @muhammadishaqwattoo6823
    @muhammadishaqwattoo6823 ปีที่แล้ว

    you for uploading tNice tutorials for free and providing education to beginners.

  • @cimocil
    @cimocil 4 ปีที่แล้ว

    Tysm, it's work

  • @queddengbros9101
    @queddengbros9101 4 ปีที่แล้ว

    I have a problem on the spacing of the white part of the box for some reason it doesn't work

  • @BirdieVeilleux
    @BirdieVeilleux 4 ปีที่แล้ว +1

    fucking life saver, thank you so much m8

  • @imi-kun
    @imi-kun 4 ปีที่แล้ว

    thanks a lot

  • @jorbitmultimedia
    @jorbitmultimedia 10 หลายเดือนก่อน

    damn it! it worked. thanks

  • @discordcompliations935
    @discordcompliations935 3 ปีที่แล้ว +1

    Hi I have a question this is not a bug or a problem I am wondering if there is a way to get the 3 boxes below those three boxes as well so that we can fit more people.

    • @MsGjoci
      @MsGjoci ปีที่แล้ว

      I think inside div with class wrapper you can include two divs with classes team1 and team2

  • @artisharma-je3ef
    @artisharma-je3ef 4 ปีที่แล้ว

    Thanks sir

  • @seventech1325
    @seventech1325 2 ปีที่แล้ว +1

    super thanks

  • @krithiki6200
    @krithiki6200 3 ปีที่แล้ว

    Bro i tried adding ' 'tag ( that is the bold tag) but the boldness was not that dark what i expected. .
    PLS TELL ME HOW TO MAKE TEXT MORE BOLDER.
    PLS REPLY FAST!!!!

  • @kazim1954
    @kazim1954 ปีที่แล้ว

    Can you make a resizable rectangle in css and it should at the same time display the size in inches
    Let me know please
    Thanks

  • @hetplays05
    @hetplays05 2 ปีที่แล้ว +1

    thanks

  • @lampucoklat
    @lampucoklat 4 ปีที่แล้ว

    Thanks

  • @janethpano5153
    @janethpano5153 3 ปีที่แล้ว

    thank you

  • @muhammadmohib6133
    @muhammadmohib6133 ปีที่แล้ว

    its not working when i apply display flex can anyone explain why?

  • @cytcrickettoper7768
    @cytcrickettoper7768 ปีที่แล้ว

    My first ti ever gettin on soft soft was in 17 man it a whole year to use to soft soft

  • @barikchandan7963
    @barikchandan7963 3 ปีที่แล้ว

    He thanks bro

  • @syarul4697
    @syarul4697 ปีที่แล้ว

    Be consistent, make mistakes, experint

  • @faizalfaizal4115
    @faizalfaizal4115 ปีที่แล้ว

    Have you uploaded any of your soft?

  • @kandyboycook
    @kandyboycook 2 ปีที่แล้ว

    simple explain

  • @chaitanyasrinivasch4213
    @chaitanyasrinivasch4213 3 ปีที่แล้ว

    Super bro
    Bro but where do u write the code for responsiveness

  • @shahsalahuddinmca1
    @shahsalahuddinmca1 3 ปีที่แล้ว

    Hi, Great job, but it is not mobile friendly how to set it? Plz reply

  • @riskiwibowo6354
    @riskiwibowo6354 ปีที่แล้ว

    YESS

  • @janethpano5153
    @janethpano5153 3 ปีที่แล้ว

    I'm having problem with responsiveness. Help

  • @sandeepselvam7868
    @sandeepselvam7868 4 ปีที่แล้ว

    can u tell me the shortcut which you used to create team member class multiple times.

    • @CodingMarket
      @CodingMarket  4 ปีที่แล้ว

      U have to install Emmet plugin in ur editor

  • @kangefulofficial5878
    @kangefulofficial5878 ปีที่แล้ว

    "inconvenient' would describe your previous comnt better then

  • @krithiki6200
    @krithiki6200 3 ปีที่แล้ว

    but bro pls tell how to make the letters bolder.
    It is so light.
    pls bro tell me fast..

  • @dikshagarg7641
    @dikshagarg7641 3 ปีที่แล้ว

    Wonderful

  • @imammaulana1823
    @imammaulana1823 ปีที่แล้ว

    I did

  • @herosfootball
    @herosfootball ปีที่แล้ว

    SA. I watched tNice tutorials video last year and guess who's back for a fresher course

  • @Ali15666
    @Ali15666 4 ปีที่แล้ว

    I have a question how do you make the image circle??? Please tell me my submission is tomorrow :

    • @Ali15666
      @Ali15666 4 ปีที่แล้ว

      I figure it out but how can you make those image aligned to other specific people because mine goes on the same place please help

    • @CodingMarket
      @CodingMarket  4 ปีที่แล้ว +3

      Set the individual parent div elements position to relative.. Once go through my video then u can understand easily.

    • @Ali15666
      @Ali15666 4 ปีที่แล้ว

      thankyou so much i appreciate your effort👌
      Im still a student and i learn easily to u

  • @sdn2pomahan839
    @sdn2pomahan839 ปีที่แล้ว

    Would it be possible to email you a question?

  • @abubakargame19
    @abubakargame19 2 ปีที่แล้ว

    7:21

  • @anonymoususer6103
    @anonymoususer6103 5 ปีที่แล้ว

    Create online store please )

  • @bae3042
    @bae3042 3 ปีที่แล้ว

    What are the measurements of the pictures?

    • @olusogamuyiwa9598
      @olusogamuyiwa9598 3 ปีที่แล้ว

      Hi, once u follow the tutorial and set
      .team .team_member .team_img IMG{
      Width :100px;
      Height: 100px;....
      The dimensions of the image doesn't matter

  • @diyagoyal5198
    @diyagoyal5198 ปีที่แล้ว

    HAHAHAHAHAHAHAH the sa # save the turtels

  • @prasadnastik9239
    @prasadnastik9239 4 ปีที่แล้ว

    What if we have more than 6 members in the team....

    • @CodingMarket
      @CodingMarket  4 ปีที่แล้ว +2

      2 rows with 3 columns..

    • @prasadnastik9239
      @prasadnastik9239 4 ปีที่แล้ว

      @@CodingMarket will all of them be responsive

    • @CodingMarket
      @CodingMarket  4 ปีที่แล้ว +1

      Ya try once

    • @prasadnastik9239
      @prasadnastik9239 4 ปีที่แล้ว

      OK dude I'll try it and then text u the response...

  • @aripwahyudi2447
    @aripwahyudi2447 ปีที่แล้ว

    Michael

  • @gameworld6427
    @gameworld6427 ปีที่แล้ว +1

    sa

  • @HP22RECORDS
    @HP22RECORDS 2 ปีที่แล้ว

    team.img class kaha hai ?????????????????????????

  • @muhamadabdurrehman8580
    @muhamadabdurrehman8580 ปีที่แล้ว

    nice tuto lmfaoo

  • @yousufalharthi2928
    @yousufalharthi2928 2 ปีที่แล้ว

    man I love you, if I was gay I will offer you a drink...

  • @agustinositumorang4293
    @agustinositumorang4293 ปีที่แล้ว

    \'\\\\stoned" get it?

  • @franceanegalicia4224
    @franceanegalicia4224 ปีที่แล้ว

    Lost like fuck ​♂️I don’t tNice tutorialnk I really got the patience for tNice tutorials I wanna punch my fuckin lap top so good rn if any producers read tNice tutorials please

  • @humamceneon2047
    @humamceneon2047 ปีที่แล้ว

    .

  • @noevaiit2048
    @noevaiit2048 ปีที่แล้ว

    not very helpful

  • @GS-FitZone
    @GS-FitZone 4 ปีที่แล้ว

    Brilliant work thank you !!

  • @rohimbadsha9666
    @rohimbadsha9666 3 ปีที่แล้ว

    Thank you. useful for us.

  • @md.sagorahmed8925
    @md.sagorahmed8925 3 ปีที่แล้ว

    thanks a lot