React CARD components 🃏

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

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

  • @BroCodez
    @BroCodez  Год назад +33

    import profilePic from './assets/profile.jpg'
    function Card(){
    return(


    Bro Code
    I make RUclips videos and play video games

    );
    }
    export default Card
    import Card from './Card.jsx'
    function App() {
    return(



    );
    }
    export default App
    .card{
    border: 1px solid hsl(0, 0%, 80%);
    border-radius: 10px;
    box-shadow: 5px 5px 5px hsla(0, 0%, 0%, 0.1);
    padding: 20px;
    margin: 10px;
    text-align: center;
    max-width: 400px;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .card .card-image{
    max-width: 60%;
    height: auto;
    border-radius: 50%;
    margin-bottom: 10px;
    margin-right: 20px;
    }
    .card .card-title{
    font-family: Arial, sans-serif;
    margin: 0;
    color: hsl(0, 0%, 20%);
    }
    .card .card-text{
    font-family: Arial, sans-serif;
    color: hsl(0, 0%, 30%);
    }

    • @thecoder1694
      @thecoder1694 Год назад

      i need your video about props today please release it today bro

  • @Boaz-zr2hv
    @Boaz-zr2hv 8 месяцев назад +11

    I like the way you break things down taking nothing for granted regarding the listeners knowledge. Excellent tutorial!

  • @jaybeegreen-lv3iw
    @jaybeegreen-lv3iw Год назад +9

    "Having watched his insightful videos on JavaScript and Java, I've come to admire him not just as an amazing programming instructor but also as a true embodiment of the bro code in the coding community. Greetings from the Philippines! ❤

  • @LegendXRonin
    @LegendXRonin Год назад +7

    THANNNNNKKKKKKK YOUUUUUUUU!!! FINALLY someone who made this simple and straight to the point. Idk why some people have to over complicate things 🤦🏾‍♂️ great video! Please keep up the great content!

  • @timothyalex3091
    @timothyalex3091 Месяц назад

    I have been coding for 1 month 2 weeks now. Your videos on HTML, CSS and JS were so helpful during my learning process: so much that I'm now here learning about React trying to take my coding to the next level. Thank you so much.

  • @hunin27
    @hunin27 Год назад +2

    I just finished watching the video, and i must say it was of great help!
    Keep up the good work bro ❤

  • @skubi_chrupki
    @skubi_chrupki Год назад +2

    a lot of thanks bro, finally someone who makes react simple enough to understand lol

  • @PrateekBh-ut6wx
    @PrateekBh-ut6wx Месяц назад

    Wondering cards stuff ,when told lego components and you brought this understanding not too late.

  • @ekkehard4328
    @ekkehard4328 11 месяцев назад +1

    Excellent video as always, thank you!

  • @Soulcode-k
    @Soulcode-k Месяц назад

    I love this it's literally so much fun to see this.
    Thank you bro❤❤❤❤

  • @timothyalex3091
    @timothyalex3091 Месяц назад

    I have always had this feeling you sound like @TheRadBrad but the moment you wrote on that card " I play video games" I am now almost certainly sure you are the same guy. Are you? I love that guy! He is the reason I feel in love with gaming back in 2015 and here we are again in 2024 you making me take my first steps in Coding! This was destiny! Ironically, Rad's walkthrough on Destiny is what made me complete a seemingly impossible game. Thank you.🙏💪

  • @amapro163
    @amapro163 Год назад

    omg im so glad youre doing react tutorials. stay strong bro code

  • @balusubramaniam2335
    @balusubramaniam2335 10 месяцев назад

    nice video very usefull🙂

  • @Cosmos_the_stardust
    @Cosmos_the_stardust Год назад

    Thanks Man, Your videos gives me confidence to code, I can code now happily...

  • @elles3927
    @elles3927 Год назад

    Another great course. Thank you! :)

  • @TheBacker007
    @TheBacker007 5 месяцев назад

    Awesome explanation !!!!!

  • @orestas7054
    @orestas7054 Год назад

    Love the react course , keep up the great work Bro

  • @FreezeXN00B
    @FreezeXN00B Год назад +2

    Wait it actually makes sense how props work now. You made one card component and then you can just plug in props to get different cards.

  • @d1ce966
    @d1ce966 Год назад

    Keep going bro cant wait for full course

  • @zessness
    @zessness Год назад

    Right on time MY BOY!!!

  • @xXIskandar
    @xXIskandar Год назад

    bro code pumping videos like crazy lately. 🙏🙏

  • @saikiranavusula89
    @saikiranavusula89 4 месяца назад

    Why complete all the topics in React? Your Explanation was crystal clear.🎉

  • @antoniobanderas1287
    @antoniobanderas1287 7 месяцев назад

    awesome dude

  • @sheidamht
    @sheidamht 10 месяцев назад

    you are the besttttt

  • @unsjvr
    @unsjvr Год назад

    Eyyy! 🙌

  • @itruuth
    @itruuth 4 месяца назад

    so from vid 1 would this be a new project file i take it? and would we need to run the commands npm install again for the new one?

  • @bouzmonsif6830
    @bouzmonsif6830 Год назад

    bro u are simply the best

  • @EarnThletics
    @EarnThletics Год назад +17

    bro is the reason i still have an A in IT lessons🤣

  • @abzz1290
    @abzz1290 8 месяцев назад

    Great, But How can we make cards in slider only for mobile devices. please help :)

  • @freesoftwares6042
    @freesoftwares6042 Год назад

    lets gooo , im on a strrak in this course

  • @moonimitseclipse4676
    @moonimitseclipse4676 6 месяцев назад

    how did you make this somewhat responsive?

  • @hockeyme3113
    @hockeyme3113 4 месяца назад

    How do you get back in the local host if you ex out of it?

  • @alonewolf7682
    @alonewolf7682 Год назад

    Nice video

  • @lazyboykhmer
    @lazyboykhmer Год назад

    ❤❤❤❤

  • @otabekmadaminov-z2i
    @otabekmadaminov-z2i 4 месяца назад

    Thank you bro

  • @mohammadbakeer4247
    @mohammadbakeer4247 Год назад

    yoo why is my card inside div root and it is not letting me style the page? what do i do about div root

  • @Jishanthegodev
    @Jishanthegodev Год назад

    Thank you so much sir ❤

  • @DimitrisKoliomichalis
    @DimitrisKoliomichalis Год назад

    Can you do a video with a full course of Basic Programming language?

  • @belalnasery7039
    @belalnasery7039 Год назад

    Thank you 🙏🏻

  • @Fan_tome.
    @Fan_tome. Год назад

    Bro Is Cooking Some React.JS

  • @LohithaYalavarthi
    @LohithaYalavarthi Год назад

    Is this edroh?, I am positive it is him.

  • @Gunz1234
    @Gunz1234 Год назад

    Ur so good bro I love u 😊

  • @hunin27
    @hunin27 Год назад

    Hi!
    Is this the continuation of the react series?
    Thanks Bro ❤

  • @SoloSoul69
    @SoloSoul69 Год назад

    Hello bro
    Could you make a video on which branch of computer science we should go in like web dev or android or other fields that help us in future

  • @Ayano_x1
    @Ayano_x1 Год назад +1

    Thanks bro

  • @_sf_editz1870
    @_sf_editz1870 Год назад

    Sensei

  • @Delicatamente
    @Delicatamente 9 месяцев назад

    huge thanks!

  • @_____vieve
    @_____vieve 3 месяца назад

    thanks

  • @Misterkennedy04
    @Misterkennedy04 6 месяцев назад

    its not working for me just a blank page

  • @noelkitonga
    @noelkitonga 9 месяцев назад

    This is the beauty of watching BroCode classes, he can bisect any topic and you will be guaranteed to understand it full.
    Such a rare talent.

  • @graiselin2791
    @graiselin2791 Год назад

    Bro please daily upload react videos ❤❤

  • @betabandits2099
    @betabandits2099 Год назад

    Grazi

  • @edipedipbulmaz
    @edipedipbulmaz Год назад

    You are a real chad

  • @parasytea
    @parasytea Год назад

    is that need to know css and js
    becouse i stoped learniing web dev laast summer because i fond a problems with css , i really hate css

  • @kaungkinzone2448
    @kaungkinzone2448 Год назад

    random comment 2.0

  • @pisky5067
    @pisky5067 Год назад

    Hello

  • @NotMrLex
    @NotMrLex Год назад

    bro

  • @imranahmed9433
    @imranahmed9433 Год назад

    Please unity 3d course

  • @sivuyilesifuba
    @sivuyilesifuba Год назад