React CARD components 🃏

Card components = typically used to create a reusable and structured UI element for displaying content.

[@BroCodez]

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]

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

[@LegendXRonin]

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!

[@Boaz-zr2hv]

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

[@jaybeegreen-lv3iw]

"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! ❤

[@TheBacker007]

Awesome explanation !!!!!

[@orestas7054]

Love the react course , keep up the great work Bro

[@Cosmos_the_stardust]

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

[@EarnThletics]

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

[@sohansalman6799]

😂😂😂

[@FreezeXN00B]

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.

[@Delicatamente]

huge thanks!

[@hunin27]

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

[@Fan_tome.]

Bro Is Cooking Some React.JS

[@itruuth]

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?

[@abzz1290]

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

[@Misterkennedy04]

its not working for me just a blank page

[@Ayano_x1]

Thanks bro

[@unsjvr]

Eyyy! 🙌

[@moonimitseclipse4676]

how did you make this somewhat responsive?

[@hockeyme3113]

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

[@belalnasery7039]

Thank you 🙏🏻

[@skubi_chrupki]

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

[@ekkehard4328]

Excellent video as always, thank you!

[@freesoftwares6042]

lets gooo , im on a strrak in this course

[@saikiranavusula89]

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

[@_____vieve]

thanks

[@betabandits2099]

Grazi

[@otabekmadaminov-z2i]

Thank you bro

[@_sf_editz1870]

Sensei

[@DimitrisKoliomichalis]

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

[@DVHcoding]

I think you should make more long video ❤❤

[@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

[@xXIskandar]

bro code pumping videos like crazy lately. 🙏🙏

[@edipedipbulmaz]

You are a real chad

[@hunin27]

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

[@kaungkinzone2448]

random comment 2.0

[@graiselin2791]

Bro please daily upload react videos ❤❤

[@LohithaYalavarthi]

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

[@amapro163]

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

[@antoniobanderas1287]

awesome dude

[@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

[@balusubramaniam2335]

nice video very usefull🙂

[@d1ce966]

Keep going bro cant wait for full course

[@pisky5067]

Hello

[@sheidamht]

you are the besttttt

[@Gunz1234]

Ur so good bro I love u 😊

[@Yesterday_i_ate_rat]

Thank you so much sir ❤

[@elles3927]

Another great course. Thank you! :)

[@bouzmonsif6830]

bro u are simply the best

[@alonewolf7682]

Nice video

[@zessness]

Right on time MY BOY!!!

[@lazyboykhmer]

❤❤❤❤

[@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

[@noelkitonga]

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.

[@NotMrLex]

bro

[@imranahmed9433]

Please unity 3d course

[@sivuyilesifuba]