Responsive Website design with flexbox | Flexbox page layout design tutorial

a slight displacement happened missed the code on your website. look at the code on your website. i have checked it. a small correction there ..display: inline-flex; was missing

header nav li {

display: inline-flex;

margin: 0 15px;

}

Be

hey, what is that adon for VebDeveloper screen when right click?

is the @media think a thing of the past now? I seem to remember watching something about it, maybe an update to css? Anyway thanks for the content 😉

Thank sir now i fully understand flex

image background doesnt showing

<❤❤

good design and tech, good luck 🙂

very awesome,thanks for help me sir…

how big are the images you downloaded?

great video!

Wowwwww, muito obrigado!!

Can I get the code?

Can you drop the code for that please ? Thanks !

why did you position: absolute for header?
answer please

Background music is too much melody, design also awesome thanks a lot.

this music is so relaxing,keep us focused on the video,whats the music name?

Where do I find this background music?

Thank u !

can you release the source

плоха верста , никакой семантики , иди работай на стройку.

Sir mail phone symbol kaise aaye vha pe…smja do

When coding the css for the section, when I type "align-items: center;" the section moves to the centre of the page, but the text remains aligned to the left. Why is this? I've wrote out the code exactly. Ugh, I hate coding with nobody to ask for help.

le code est trop petit je vois pas bien il faudrait agrandi le code merci d'avance

What's webkit? It's not CSS!

hey dude where is the source code please share the source code

very good

Wonderful video.

perfect

great tutorial but the ads are relentless and disruptive

what text editor are you using?

thank you for clearing my consent

display:flex;
flex-direction:column;
align-items:center;
padding:110px 100px;

Like the way you used lists for flex items. The about-left clipped background image worked well for desktop. But I have tried everything and can't get the image to show on mobile version. Any help?

This have bootstrap???

i know there is many ways to 'paint' side by side content like your about-area. but i just wondering why you use ul li instead of div… its just some tricks or what..?
p.s. i'm a junior at this

Parabéns pelo conteúdo 👏👏👏

hi helloo..
im very antusiamn with your tutorial. but i`ve problem.. hope you can help..
in my text editor nothing item :
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;

you know the problem broder ??

My background image not working help pls

The moment I put "top: 0" to ".banner-img", the words that should remain in the center go to the top of the page. What can it be?

Very good tutorial, Thanks a lot!
Here are some comments to make it 100% like your example:
1. You need to show how you implement your google fonts in the css file.
2. You need to have a link to the image1/image2 css files to download.

Hi Divinector your video is amazing,
Do you have a codepen link for this Tutorial?

Thank you

what software are you using?

name of the music please

Genial 👍

thanks

Thanks a lot Sir. can i use any image size? it will be nice if you can provide the source code and the image for download? Thanks