Responsive HTML CSS Portfolio Website using Flexbox and Grid

  Рет қаралды 30,130

Brian Design

Brian Design

Күн бұрын

Пікірлер: 74
@yoannruzza8927
@yoannruzza8927 3 жыл бұрын
The official documentation on CSS tells that "-webkit-text-fill-color" and "-webkit-text-stroke-width" are not standard and shouldn't be used. How can we have the same result without using it ?
@spanabyss
@spanabyss 10 ай бұрын
wow thanks i really appreciate ur effort and may god make u continue to suceed to educate people like us.
@yudhiesh1997
@yudhiesh1997 4 жыл бұрын
Honestly you're the best for anything styling related for websites. I've always overlooked UI/UX of websites and your channel really helps me improve that.
@briandesign
@briandesign 4 жыл бұрын
Thanks Yudhiesh!
@tearron
@tearron Ай бұрын
I'm following everything you do here cause I wanna be front end dev lol
@jonice4229
@jonice4229 4 жыл бұрын
how your vscode when you click on first div highlight where is ending, mine if i click on a div is hilighting every div`s from file. Thanks for tutorial! Vue vs React what you recommend for a beginner?
@briandesign
@briandesign 4 жыл бұрын
check out highlight-matching-tag on extensions and I'd start with react
@unchart_d
@unchart_d 3 жыл бұрын
Yes man keep it up, and the style of including both html,css,javascript and react is helpful since they fit to each other.
@julianvelez6563
@julianvelez6563 4 жыл бұрын
Cool
@briandesign
@briandesign 4 жыл бұрын
Thanks Julian!
@julianvelez6563
@julianvelez6563 4 жыл бұрын
@@briandesign where are you from
@briandesign
@briandesign 4 жыл бұрын
@@julianvelez6563 US
@kamalCode
@kamalCode 4 жыл бұрын
Sir, admin dashboard pannel, graph represtation, data display table, invoice generate in html css javascript
@arnoldkibira4268
@arnoldkibira4268 3 жыл бұрын
I am also waiting for something like this. Nobody is doing admin dashboards. I would especially love one in react.
@LA-cy1zj
@LA-cy1zj Жыл бұрын
why do you put a main text div inside a main context div? Why not just put the h2 and p inside the main context div at 16:50 (im a beginner looking to learn, not interrogating btw)
@LA-cy1zj
@LA-cy1zj Жыл бұрын
the only reason I can think of is it being easier to target in css
@PaksPromise
@PaksPromise Жыл бұрын
Thank You
@muhammadsohail3205
@muhammadsohail3205 3 жыл бұрын
What is the short cut key to put a commenting line like this ?
@shaikmastan1603
@shaikmastan1603 3 жыл бұрын
great job bro please go ahead like this for your subcribers really awesome
@nathanielfrema
@nathanielfrema 3 жыл бұрын
Sir please how can I get help or assistance with some html and css project I want to work on
@luislla3142
@luislla3142 2 жыл бұрын
Yoooo, amazing Job man. Thanks and congrats...
@jdevcast6527
@jdevcast6527 3 жыл бұрын
Thanks for sharing your styling. It is something I have to keep working on to get anywhere near decent. I was especially interested on how the page was structured.
@storm404
@storm404 2 жыл бұрын
Where do you get your icons from
@sivamahalingam9009
@sivamahalingam9009 3 жыл бұрын
Best ever in youtube.. u r awesome
@fernandezalfredo3572
@fernandezalfredo3572 4 жыл бұрын
I understand that grid-column: span 3 is each column, in this case we take 3 columns from the grid but, which represents grid-column: span 3 / span 4 I thought it was grid-row but it does not work as such please any help is much appreciated
@briandesign
@briandesign 4 жыл бұрын
when you inspect, what does the grid look like when you hover over your design?
@ExplorationAT
@ExplorationAT 4 жыл бұрын
nice, have you been using Sass much? I find it debugs easy, and would find it hard to go back to vanilla css after. Also Iv just started using BEM, hard to remember it at times!
@briandesign
@briandesign 4 жыл бұрын
I've messed with sass, but I've mainly been making sites with React & styled components lately and you don't even need class names with that.
@coding_den
@coding_den 4 жыл бұрын
Dude!!! Please do not stop making videos. I’m thinking for a future video, you could make a react webpage app, but take us through all the way to deploying it, (on netlify or someplace). Then I could def see you start selling courses online, or becoming an instructor on Scrimba.
@briandesign
@briandesign 4 жыл бұрын
I've made a vid on how to deploy with netlify already. It's pretty simple once you made a project
@sethtetteh1321
@sethtetteh1321 4 жыл бұрын
You doing incredibly well . But where can I find this?
@briandesign
@briandesign 4 жыл бұрын
what do you mean?
@pratibhalovesu
@pratibhalovesu 4 жыл бұрын
hi I'm new to CSS.. if I'm at below 420px my page is freaking... I mean services and all going miss aligned. what should I do
@briandesign
@briandesign 4 жыл бұрын
did you add my media queries for 468px or below?
@pratibhalovesu
@pratibhalovesu 4 жыл бұрын
@@briandesign yeah I added the same. But it is not working below 250px so I took min-width:250px and pasted same 468px media query and did some modifications. It's working for bellow 250px Now.
@pratibhalovesu
@pratibhalovesu 4 жыл бұрын
@@briandesign some how I finished this project got some idea on media queries and flex box and grid. Thank you a lot.
@monyetbesar
@monyetbesar 4 жыл бұрын
Just wanted to say your videos are really giving me new insights regarding web design. Very helpful content, thanks for that! Keep putting out content like this!
@briandesign
@briandesign 4 жыл бұрын
Thanks!
@khoroshoigra8388
@khoroshoigra8388 4 жыл бұрын
Hi thanks for your great content like this, I am now a junior web developer based in the Philippines and I have still doubt about my skill. Luckily I found this kind of short course about front end web designing. :)
@briandesign
@briandesign 4 жыл бұрын
awesome!
@khoroshoigra8388
@khoroshoigra8388 4 жыл бұрын
@@briandesign thanks sir :)
@pratibhalovesu
@pratibhalovesu 4 жыл бұрын
if I zoom it for 500% page and color is not filling. how to fix it?
@briandesign
@briandesign 4 жыл бұрын
why are you zooming 500%?
@pratibhalovesu
@pratibhalovesu 4 жыл бұрын
@@briandesign lolz I zoomed KZbin it was study like fixed... I thought this site also will work like that but it's not, Told u I'm new to css 😭.
@gauravrathod5858
@gauravrathod5858 4 жыл бұрын
Love you bro, thanks for your efforts ♥️♥️👑.
@briandesign
@briandesign 4 жыл бұрын
Thanks Gaurav!
@judith7026
@judith7026 3 жыл бұрын
Nice portfolio ! Is there a reason the email is listed twice ?
@briandesign
@briandesign 3 жыл бұрын
I think that's just showing additional variations of where you could add your contact info
@judith7026
@judith7026 3 жыл бұрын
@@briandesign Ahh okay I see ! Thank you !
@premanjungle4555
@premanjungle4555 4 жыл бұрын
Bro request react + typescript pls 🙏
@briandesign
@briandesign 4 жыл бұрын
soon!
@TechMGC
@TechMGC 4 жыл бұрын
🚀🚀🚀
@zakariamadou1398
@zakariamadou1398 4 жыл бұрын
Yooo bro! Me luv that cool stuff
@briandesign
@briandesign 4 жыл бұрын
Yoo thanks Zakari!
@oneofone_1333
@oneofone_1333 4 жыл бұрын
Bro thank you! Let's go
@briandesign
@briandesign 4 жыл бұрын
Thanks Yassin!
@debasissaikia304
@debasissaikia304 4 жыл бұрын
Amazing work🥳🥳
@briandesign
@briandesign 4 жыл бұрын
aye thanks Debasis!
@andrewmapemba2358
@andrewmapemba2358 4 жыл бұрын
Dude motivates me
@briandesign
@briandesign 4 жыл бұрын
let's goo
@digigoliath
@digigoliath 4 жыл бұрын
Awesome!!! TQVM!!
@briandesign
@briandesign 4 жыл бұрын
Thanks!
@saivivekravi4979
@saivivekravi4979 4 жыл бұрын
In material theme which theme you are using
@briandesign
@briandesign 4 жыл бұрын
I don't I code all css from scratch
@saivivekravi4979
@saivivekravi4979 4 жыл бұрын
@@briandesign please can you send me your setting.json file ❤️ please and I am following all your videos
@briandesign
@briandesign 4 жыл бұрын
@@saivivekravi4979 this is an html css vid
@saivivekravi4979
@saivivekravi4979 4 жыл бұрын
@@briandesign ya but vs code has setting.json na I am asking that
@briandesign
@briandesign 4 жыл бұрын
@@saivivekravi4979 from which vid? or you mean in general?
@rahulvirat7859
@rahulvirat7859 4 жыл бұрын
Nice bro
@briandesign
@briandesign 4 жыл бұрын
Thanks Rakul!
@727Clay
@727Clay 4 жыл бұрын
hmm
@briandesign
@briandesign 4 жыл бұрын
hmmm
Build a Responsive Website Using HTML & SASS/SCSS Tutorial
34:37
Brian Design
Рет қаралды 80 М.
Learn CSS Grid the easy way
37:04
Kevin Powell
Рет қаралды 912 М.
The day of the sea 😂 #shorts by Leisi Crazy
00:22
Leisi Crazy
Рет қаралды 2,3 МЛН
How to Make a Website Using CSS Flexbox
18:57
SG WEB DEV
Рет қаралды 84 М.
The Easiest Way to Build Websites
10:56
Sajid
Рет қаралды 500 М.
5 simple tips to making responsive layouts the easy way
15:54
Kevin Powell
Рет қаралды 768 М.
I tried every FREE website builder. This is the best
7:58
Steve Builds Websites
Рет қаралды 135 М.
Responsive CSS Grid Tutorial
17:14
Angela Design
Рет қаралды 833 М.
Responsive Dashboard Layouts with CSS Grid
24:54
ByteGrad
Рет қаралды 64 М.
Only Noobs Build Beautiful Websites
18:13
Sajid
Рет қаралды 138 М.
The day of the sea 😂 #shorts by Leisi Crazy
00:22
Leisi Crazy
Рет қаралды 2,3 МЛН