Build A Responsive HTML & CSS Template With FlexboxGrid

Поделиться
HTML-код
  • Опубликовано: 16 ноя 2024

Комментарии • 323

  • @TraversyMedia
    @TraversyMedia  7 лет назад +217

    What do you guys think of the mini-cam? Is it more interactive or is looking at my ugly mug distracting?

    • @AnthonyLepki
      @AnthonyLepki 7 лет назад +24

      Mini-cam works for me - thank you as always for your great tutorials!

    • @dani4uro
      @dani4uro 7 лет назад +13

      I love it! This makes your videos to be more to a personal level (sorry for my bad english)

    • @davidconnelly1793
      @davidconnelly1793 7 лет назад +9

      I was absolutely sure you must be reading from a book or something when you do these tutorials. How on Earth do you learn all this stuff?

    • @TraversyMedia
      @TraversyMedia  7 лет назад +4

      No, the only time I sometimes read off a script is in the "Top Programming Languages" type of videos. I do have the final code in front of me though.

    • @TraversyMedia
      @TraversyMedia  7 лет назад +6

      I'm using Camtasia 9

  • @rexmane11
    @rexmane11 7 лет назад +28

    Man you've been killing it lately, nothing but gratitude, just tells you love what you do

    • @TraversyMedia
      @TraversyMedia  7 лет назад +24

      I love it man. I go to sleep thinking about what I am going to do next, learn or teach..

  • @Jawmeow
    @Jawmeow 6 лет назад +1

    I love you and I love your voice and teachings, and I hope all the gods that exists or not bless you and your kind heart that share all of these valuble information on youtube. You're one of the rares that actually deserve donations.

  • @iancarr3923
    @iancarr3923 6 лет назад

    The best part is the systematic building of the HTML in a consistent way.

  • @XerosXIII
    @XerosXIII 5 лет назад

    its crazy how css grid and flexbox changes the whole game

  • @g33kjhb49
    @g33kjhb49 7 лет назад +25

    Your videos are awesome and the way you explain everything is on point. 🔥🔥🔥

  • @wwiding
    @wwiding 7 лет назад

    Thanks for the videos. I'm learning web development right now and I find it much easier to learn by watching some one else build a website.

  • @jobs2311
    @jobs2311 7 лет назад +1

    This Is My 15th Template Creating And I Just Into 2Month I Learned All HTML/CSS From Trasvery Media Thank U Bro.. U Are 1ST

    • @TraversyMedia
      @TraversyMedia  7 лет назад

      Awesome, thanks man

    • @jobs2311
      @jobs2311 7 лет назад

      Bro I Want To Big Project And Can U Help Me On Somethings ?

  • @iliawest5402
    @iliawest5402 6 лет назад +1

    Hey, I am learning from scratch and find it really helpful in learning how you structure your code. In your beginner videos I was struggling in understanding how you decide on what elements to CSS style but in this video I saw a clear pattern - basically everything!
    Thanks!

  • @canarycardist8516
    @canarycardist8516 7 лет назад +5

    I wanted to start my first serious web project and i didn't know exactly how to start the view design.
    BUM! here is my answer. Thanks a lot man!

  • @sohpol
    @sohpol 6 лет назад +1

    Very nice tutorial. Maybe not the best for the absolute beginners, but after some kind of quick crash course for dummies, this is perfect (as a second tutorial, a little bit more advanced). And template itself is very good for my sense of esthetics. Clean and simple, but still very pleasant to my eyes.
    Also I'm kinda blown away by the fact that today we can create such a nice looking pages with such simplicity . HTML5 & CSS3 are awesome! This is not what I remember from primary school like 15-20 years ago.

  • @clariceIT
    @clariceIT 7 лет назад +2

    This is the best tutorial I have seen so far!

  • @sheldonfourie5959
    @sheldonfourie5959 7 лет назад +1

    I love the basics of it. You a great teacher ! I'm absolutely loving it all. How you target us beginners to not just straight up use frameworks even though it makes life easier but it's nice to how you start from scratch in this day and age.

  • @somerandomchannel382
    @somerandomchannel382 7 лет назад +2

    I believe you know it by now but I really feel to say it..
    All sizes wrap up from smallest to largest. So if you set..
    -
    it will be like XM = 12 . SM = 6. MD = 6 . LG = 6.
    its just something to remember :)

    • @georgesmith3022
      @georgesmith3022 6 лет назад

      I was wondering why does he add all the classes with the same columns? if you want a column to take full size in all resolutions an xs-12 is enough, unless this framework is not mobile first

  • @Snicholson005
    @Snicholson005 7 лет назад +1

    so glad to put a name to the voice! love the mini-cam!

  • @DallasVocals
    @DallasVocals 6 лет назад +1

    My icons on the Home page stayed small. the #features .fa command did not increase the size of the icons. 01:01:03 on the vid.
    I got everYthing else. Drats.
    Whoo-hoooooo!!! I forgot the px on the pixels. I did it!!! I did it!!! You're a natural, Brad. Thank you!!!

  • @brzdude06
    @brzdude06 7 лет назад +7

    Tks a lot for your effort, Brad! Appreciate you sharing all this content with us mere mortals. Peace, brother!

  • @railb1rd
    @railb1rd 7 лет назад

    you dont always need to specify xs - sm - md - lg classes and so on. if they are all the same it is enough to specify the smallest viewport class, e.g.: center-xs will center on all sizes, center-sm will center on all sizes except xs

  • @sweeball
    @sweeball 7 лет назад

    Yes, mini-cam is good. Thanks for all your excellent tutorials, you have a voice that makes listening easy. Great work!

  • @luissantiago7978
    @luissantiago7978 7 лет назад +1

    love when you upload front end dev because that's not my strength at all lol.

  • @diahrongrismore1054
    @diahrongrismore1054 7 лет назад +1

    Great tutorial. Just thought I would share an awesome short-cut in Atom for editing? You can use lorem10 to get ten words only! (any integer will work) With it you can tailor the amount of text you require without having to go back and delete text to shorten your paragraph. Another for duplicating: Where ever the cursor is placed, or if you highlight text, you can use Ctrl-Shift-D to duplicate the entire line of text or paragraph. Note: You don't have to highlight the entire line of text if you want to duplicate just that line of text. If more than one line of text is required, just highlight to the last line, no need to highlight the entire last line.
    It's apparent your style is very good for teaching and proof of participation in comments prove it! Thought I mention something that would/should help others. Just like your style of teaching, 'just a little at a time' amounts to a whole lot!

  • @grampygamer8584
    @grampygamer8584 5 лет назад

    Brad, you never seize to amaze me. The passion, energy, time, care you put into sharing/teaching us (the masses) your knowledge, both here on RUclips and Udemy is second to none! For that I thank you. I've not only been able to keep up with the latest advancements in Web Design, but I gained new knowledge. All thanks to you!
    Following your HTML course on Udemy, I added some Variables for the some color schemes :)

  • @werthersoriginal
    @werthersoriginal 7 лет назад +1

    This came out looking great! I'm really enjoying the new format! Great job man!

  • @romaniaplus
    @romaniaplus 7 лет назад +3

    I remember how I jumped years ago on your tutorials for Bootstrap! Brad, you are one of the best here.
    Guys, go and buy his amazing courses on Udemy. Worth it every single penny! You will LEARN A LOT!

    • @TraversyMedia
      @TraversyMedia  7 лет назад +2

      Thanks! I'm actually starting my own courses now aside from Eduonix. My first project is an in depth course in Angular 4. I will be providing full support on Udemy as well.

    • @romaniaplus
      @romaniaplus 7 лет назад

      Yes, excellent choice! Angular is a must for developers and I know the quality you provide!
      Aw, snap! When you search for Brad (Traversy Media) on Udemy.com you'll find him under Eduonix nickname there, I forgot to mention! Node, Express, Bootstrap, databases, tons of goodies!
      Thank you, man!

  • @marwanak10
    @marwanak10 7 лет назад +3

    Maaaaaan you've been uploading exactly the things I wanna go in depth in lately, and as always great way of teaching. I wonder if you have a series for drupal 7 or drupal 8 in mind??? that would be awesome! Thank you very much.

  • @HQTamilKingdom
    @HQTamilKingdom 5 лет назад

    Great video, Keep your good work sir. I always use this video for my reference, don't understand why some people disliked this video? unreal..

  • @pheak7ra
    @pheak7ra 6 лет назад

    Your contents help me more than some my teacher. Thank you

  • @regi103
    @regi103 7 лет назад

    Your explanations are clear and precise i cannot ask for more ...Thanks ....and keep up the good works

  • @siddhant3852
    @siddhant3852 7 лет назад

    Sir to write plug & play the proper command is plug & play ... I know u know this but its good for beginners to learn the real basics of html .

  • @fatemerahmanabadi5685
    @fatemerahmanabadi5685 6 лет назад

    You were born to be a teacher

  • @chrisangel9412
    @chrisangel9412 7 лет назад

    Very nice guide. Never fully understood how css works and i hated it for that, now i can.

  • @samuelgordon2529
    @samuelgordon2529 7 лет назад +1

    Thanks a lot! Your tutorials help in starting web developing so much! You are the best!

  • @kjemradio
    @kjemradio 7 лет назад +1

    Have you considered building a site using CSS Grid that's built into CSS3. No frameworks required, and instead of working in a one dimensional format (which is what Flexbox is) you can build in two dimensions.
    Also as a tip for newbies. Navigation is based on priority. So get into the habit of laying out their nav links based on high to low priority. So things like About Us and Contact should be the far right, and things like services or prices, etc. should be more to the left. This is based on how most of the world reads left to right. While there are some nations that read right to left, keep in mind you can modify the navigation based on languages.
    A home link is kinda pointless when you can link the logo itself.

  • @CanalHugoCosta
    @CanalHugoCosta 7 лет назад

    Traversy, if could do a tutorial about CSS Grid Layout, seems to me, be the future and soon will be replacing Flexbox, thank you very much for your passion on teaching, best youtuber mentor ever! Great work! (I'm from Brazil, I think the whole world is watching you! )

  • @HEKuiper
    @HEKuiper 6 лет назад

    #features i {display:block} & label{display:block} in place of the .

  • @moonmoon197
    @moonmoon197 4 года назад

    The video really gives me a lot, it also boost my confidence to build websites from scratch. Thank you very much!

  • @thailandevents3814
    @thailandevents3814 7 лет назад +1

    Your videos are very informative. I am learning a lot. Thanks for making these videos.

  • @geekstudio.
    @geekstudio. 5 лет назад

    Looks good man. I watch your videos every day to help my blog!

  • @eatyourgarden
    @eatyourgarden 6 лет назад

    ive typed dic class about 12 times today lol. Love your work mate, yr teaching us soooo much :)

  • @frankpacheco8843
    @frankpacheco8843 6 лет назад

    Once again, you knocked it out of the park! Two thumbs up!

  • @tomino133
    @tomino133 7 лет назад +2

    Great video ! I loved how you tried to keep it together when you wrote "dic class" :D :D Also great to see you on camera, because I have watched a bunch of your videos and it always sounded as if you were bored as hell while explaining stuff...now I know it is just the way you talk :) Great tutorial ! Looking forward to that udemy course.

    • @TraversyMedia
      @TraversyMedia  7 лет назад +2

      Haha yeah Im not bored, I just have a laid back personality (Unless I'm pissed off). Thanks for watching

  • @Savage_Gamer777
    @Savage_Gamer777 7 лет назад +1

    i kinda new to learning how to code i know much about java and all that but i told my self that im only gonna learn html5 and css3 as the basics right now i dont wanna learn to many languages right now and confused me lol i love the videos man

  • @axi6ne8us
    @axi6ne8us 7 лет назад

    I prefer in the beginning where you were a mystery to us all. Better for focus to be on the material.

  • @Elon40k
    @Elon40k 3 года назад

    another fantastic tutorial brad! i know this is 4 years late but one thing i noticed you forgot to cover from the original/example project to the one you finished was some simple styling to the #subheader section. all i had to do was add background: #333 and color #fff to the #subheader in style.css to match what you had in the original. everything else, as always, was spot on!

  • @ankitmehrotra8519
    @ankitmehrotra8519 7 лет назад

    Thanks a lot Brad ...I was looking for more stuff on flexboxes and you posted this...I m not sure why I don't recieve any notifications for ur videos anymore...

    • @TraversyMedia
      @TraversyMedia  7 лет назад

      Thanks, that's weird Ill see if its anything on my end

  • @elinhallengren1630
    @elinhallengren1630 5 лет назад +2

    Best tutorial out there, September 2019.

  • @cacianobeast
    @cacianobeast 7 лет назад +43

    damn, youve been putting alot of content out lately

    • @TraversyMedia
      @TraversyMedia  7 лет назад +46

      Got some time free. I am slowing down on making courses for another company to do my own thing and RUclips is a huge part of that

    • @dani4uro
      @dani4uro 7 лет назад +14

      Thank you for this!
      Could you please make a tutorial regarding buying a domain, hosting company service and the things after that (without the creating of website (html, css, js etc))?

    • @spongebobspongebob24
      @spongebobspongebob24 7 лет назад

      Good idea, Daniel.

    • @spongebobspongebob24
      @spongebobspongebob24 7 лет назад

      Love your videos, Traversy Media!

    • @ankitaaarya
      @ankitaaarya 7 лет назад

      yes that'd be really great idea.....because there are too many videos about making websites and web apps, which i appreciate so much, but we have or i should say i have very little knowledge of how hosting works, how to connect domain name to server and ip, what kinda web server should we chose like dedicated or whatever(i don't even know terminology at this point here). please consider it my guru lol. :D
      edit: there was a grammatical mistake

  • @DebanjanKarmakar
    @DebanjanKarmakar 7 лет назад

    So much things explained and done in so short time..thanks..this is very helpful

  • @H20devil
    @H20devil 6 лет назад

    Great Video. Really helped me understand Rows and Columns and labeling for CSS.

  • @francismiyoba
    @francismiyoba 7 лет назад

    nice to finally see your face......thank you

  • @019rush
    @019rush 6 лет назад

    Did this without flexgboxgrid to see how good I am with the fundementals of floats/divs and just in general CSS and i've done successfully exactly.

  • @sirnatanielson
    @sirnatanielson 7 лет назад +39

    "dic class" had me laughing right along with you!

  • @rabinr
    @rabinr 7 лет назад

    Awesome video tuts! Easy to follow your teaching style, I like it.
    Thank You

  • @diegoalbarracin5390
    @diegoalbarracin5390 7 лет назад +1

    Great tutorial!
    I don't know if you did already, but it would be great to have a tutorial how to transfer a website built in brackets and placed into Wordpress, not to sell your theme or anything but just the steps it takes to upload your own custom site into wordpress.
    Thanks

  • @akbarabbas4084
    @akbarabbas4084 7 лет назад +1

    you are great for so long i was looking for something like this thank your so much

  • @alvarooliveira4247
    @alvarooliveira4247 6 лет назад

    Typo at 2:35 Support (not supporrt).
    Anyway great video!

  • @BoisNation
    @BoisNation 4 года назад

    Great video Brad! Really helped. I finished watching that first HTML and CSS responsive website video not too long ago. I have noticed something: You use Camtasia to edit your videos.

  • @eliortiz9732
    @eliortiz9732 7 лет назад

    good video man! I'm new to coding and this was very helpful. looking forward to watching more of your videos, subscribed!

  • @zerefdev
    @zerefdev 7 лет назад

    48:17
    You could use "display: flex" on the ul tag and it will do the job. since you are using FlexboxGrid

  • @geeksy2278
    @geeksy2278 7 лет назад

    I really like the cam thing!

  • @revillsimon
    @revillsimon 6 лет назад

    Awesome stuff as usual Brad, thank you. Funny how when you accidentally wrote 'dic' instead of 'div', you had to pause the recording. I assume you went into an uncontrollable laughing fit ;-)

  • @sn00zer1
    @sn00zer1 7 лет назад

    You're doing great work man, you earned a new sub

  • @egypronoc4426
    @egypronoc4426 6 лет назад

    I've seen it all here. You are great buddy

  • @jensmarquardt8680
    @jensmarquardt8680 7 лет назад

    Wow, Fred Durst is teaching me! 😉 Keep up the good work! 👍

    • @TraversyMedia
      @TraversyMedia  7 лет назад

      lol, I heard that all growing up. Especially when I was younger and wore a backwards fitted hat :)

  • @jahnmax6504
    @jahnmax6504 7 лет назад +1

    you make me really happy with ur fantastic tutorials ur my super hero Brad, by the way d***c class was funny

  • @ahmedmusawir
    @ahmedmusawir 7 лет назад

    Way to go mini-cam ... love it daaawgh!!

  • @n_fan329
    @n_fan329 6 лет назад +1

    I love you BRO !! you are literally saving my life ;)

  • @albertgalvez2556
    @albertgalvez2556 7 лет назад

    Thank you Sir. I trying to keep up but wow, your on a roll.

  • @JohnNelsonbmx
    @JohnNelsonbmx 7 лет назад

    Please more videos like this! keep up the good work. i love your videos

  • @Timbryan22
    @Timbryan22 7 лет назад +1

    Can't thank you enough for this video

  • @JCE659
    @JCE659 4 года назад

    Dude your videos are Fire man

  • @shubhampatil3553
    @shubhampatil3553 7 лет назад

    thanks its so helpfull to learn the website development,.....

  • @eliotzuckerberg9507
    @eliotzuckerberg9507 6 лет назад

    Buen video, saludos desde Barcelona España chaval

  • @brittanybuckley4571
    @brittanybuckley4571 7 лет назад +1

    Thank you! That was super helpful!

  • @erproerpro903
    @erproerpro903 7 лет назад

    Very useful content! Thanks for all your efforts!

  • @rob2906
    @rob2906 5 лет назад

    Thank you for all your tutorials!

  • @ivanyosifov2629
    @ivanyosifov2629 7 лет назад +1

    Another great beginners tutorial. Thank you. Brad forgot to style the subheader so I used these styles
    #subheader{
    color: #fff;
    background: #474747;
    }

  • @whysantos
    @whysantos 7 лет назад

    This is great bos. I hope there will be next part. Adding some blogpost theme maybe or slider with the same style. Thx much!! :).

  • @michalzajicek1443
    @michalzajicek1443 7 лет назад

    Don´t understand why FlexboxGrid course in the list is sorted before Bootstrap course.
    I do not have any idea about Bootstrap yet, and here in first 5min is mentioned like 10 times.. I go to see Bootstrap crash course at first. Apart from this, these are really good series.

  • @LowRider1500
    @LowRider1500 7 лет назад

    good vid, im gonna start with this framework right now

  • @andyc5714
    @andyc5714 7 лет назад +1

    You're finally going to make a udemy course... yay!

    • @TraversyMedia
      @TraversyMedia  7 лет назад +2

      Yeah finally doing one under my own name. I'm tired of the fixed price model and watching people make huge profits off me

    • @henrypostulart
      @henrypostulart 7 лет назад +1

      Traversy Media I hope you have a better experience with Udemy as a content provider than I had as a content buyer… Mind you, my experience was 5 years ago, they may have cleaned up their act since then. Your content certainly deserves to be paid for 👍🏻

    • @andyc5714
      @andyc5714 7 лет назад +1

      Udemy is a great platform, i have had a great experience with udemy courses. imo much more professional (and cheaper - udemy always has flash sales) than eduonix. And from the looks of it, udemy instructors can get a ton of money if they make good quality courses that sell - as I am sure you will. The best instructors get millions :)

    • @n_fan329
      @n_fan329 6 лет назад

      Yeah bro !! you should do it and you deserve it big time(btw i got all your courses on udemy ;))

  • @guillermodanielarias9828
    @guillermodanielarias9828 7 лет назад

    Excellent tutorial. Subscribed and watched other videos.. I have only one question, the h1 and inside the "showcase-content" it transparent like the background, do I explain myself? Thanks!! keep uploading

  • @shamirhamzah3079
    @shamirhamzah3079 7 лет назад

    this is genius

  • @angiehidalgo5190
    @angiehidalgo5190 4 года назад

    AMAZING tuto man. I was going insane cuz everyone uses bootstrap and I wanted to learn building something without it. Thank you so much...
    the "See what we offer" slightly to the left instead of centered with the lis, how could we fix that? Is giving me major ocd.

  • @danielngungath9027
    @danielngungath9027 6 лет назад

    your amazing traversy

  • @abhisheksrivastava9788
    @abhisheksrivastava9788 3 года назад +1

    @custom-media in flexboxgrid.css showing error in vscode ! Help me to resolve this issue!

  • @photoinshot1355
    @photoinshot1355 4 года назад

    Great tutorial thanks! Why is there white space below the footer on the contact and the about page. I thought I had made a mistake but downloaded your files(thanks for making them available) and they are the same. Thanks again

  • @АнтонКиркевич
    @АнтонКиркевич 5 лет назад

    Thank you for this course.

  • @techstacker5361
    @techstacker5361 7 лет назад

    Hey Brad, digging the camera. Which mini-cam are you using? There are so many to choose between, that I can't choose, lmao, but I trust your advice.

    • @TraversyMedia
      @TraversyMedia  7 лет назад

      I am using Camtasia 9 for screen recording which has the option to add a webcam

  • @stenlionel3029
    @stenlionel3029 7 лет назад +1

    Great tutorial!!! Thanks for keeping this up Traversy Media! I got a question though, how about if we don't specify the larger media query. Will the grid not fallback to the next available? Ex: instead of "col-sm-4 col-md-4 col-lg-4", will just "col-sm-4" be 4 cols for any larger media query?

    • @TraversyMedia
      @TraversyMedia  7 лет назад

      Funny, I was experimenting with this earlier. That is what I thought it did, I even saw some examples doing that but it wasn't working for me so I just decided to explicitly define it for all sizes. Although I could have done something wrong earlier. So I don't want to say yes definitely. I don't have time right now but Ill look into it later

    • @stenlionel3029
      @stenlionel3029 7 лет назад

      Oh OK, I understand. I guess it works only with bootstrap. Thank you sir!

    • @najmantube
      @najmantube 6 лет назад

      Hi - I like your videos! Re the question whether it is necessary to use a class at every level eg. col-xs-12 col-sm-12 col-md-12 col-lg-12 I've been trying out just using e.g. col-xs-12 and found that the styles associated with that one class will persist across all screen sizes.
      This only makes sense as it would be pointless to have a grid that wasn't mobile first. In the example I gave ( which was for the section#showcase) I thought I might as well get rid of the col-xs-12 class as well. The H1 and paragraph still remained centred horizontally and vertically.
      All that removing the col-xs-12 class does is to get rid of the 1rem left and right padding. I wanted this so I put the class back on again.
      So: if you wanted to be full width (with the padding left and right) on small screens you should use col-xs-12 every time. Then, say you didn't want anything to change until large screens you'd just add e.g. col-lg-6 to the markup. Hope this makes sense!

  • @drewaugust
    @drewaugust 7 лет назад +2

    " Ok, So now, it looks like shit..." HAHA too funny! Fuckin' love your videos.

  • @daniellaerachannel
    @daniellaerachannel 7 лет назад +1

    great tut man

  • @konfukuzawa
    @konfukuzawa 7 лет назад

    Thanks for your video, great content!

  • @nicksprogress613
    @nicksprogress613 7 лет назад

    tank you for the time and effort in these vids very great and i love flexbox do you think it still be good to learn media queries ?

  • @muqdishotimes522
    @muqdishotimes522 6 лет назад

    Thank you man you are awasome

  • @khillofication
    @khillofication 6 лет назад

    thank you for this tutorial, it is very interesting.

  • @madusan1
    @madusan1 7 лет назад

    Brad maybe how the preferred font sizing of "em" which also helps in responsive sizing. 'px' should be used much less as it is a fixed size. Also although '0' works for sizing, it is better markup to use the units. Good vid as always. Have you ever ventjured into the php framework "Yii" (ver 2 now). I like it for PHP. Very fast getting a site up esp with Gii. It hasn't been used much in North America but has a big international following.
    I have followed your channel off and on for years and never disappointed. Are you ever going to venture back into Python/Django land? Thanks for your time and effort in past and future vids!!!

  • @LabbsSilversnet
    @LabbsSilversnet 7 лет назад +1

    You are fucking awesome! Thanks for all your hard work.

  • @vortex3915
    @vortex3915 3 года назад +2

    Someone please explain me the purpose of putting anchor tags inside li tags?
    video reference- 12:53

    • @RoyBoyLab
      @RoyBoyLab 3 года назад

      In case you are building a full website ,with the help of you can link multiple pages of that website.
      (:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::)

  • @EdServiceNowAdmin
    @EdServiceNowAdmin 7 лет назад +1

    Great Video, you have helped me a lot, Payday, I'm a hook you up, keep up the good work

    • @TraversyMedia
      @TraversyMedia  7 лет назад +1

      Thanks, remember watching with no adblock, liking and sharing is just as helpful :)