In progress Portfolio webpage

That’s the link to my web-page that i am currently creating. i just wanted some form of advice and any good ideas/tips on what i should do to the web-page. i would highly appreciate any helpful tips and advice. i am now familiar with CSS flex-box but i am still struggling with using media queries even though i have watched countless videos.

Thank you

Their is no need for a navigation bar if the webpage is less then 1 viewport tall.

I would suggest making the height of #about-me relative and just add some top and bottom margin around the image and text. Same with the navigation bar.

This is because on smaller screen the fix height causes this:

I suggest you learn Flex Box and utilize it here.

1 Like

hmmm so the flex box isn’t working properly at the moment? wait for smaller screens should i be using media queries as well so that it becomes more responsive on the smaller devices. i definitely need to go back to the drawing boards and see how i should utilize CSS flex box within my websites. ill try make the corrections you told me just now and ill get back to you

thank you


Yes. with flexbox, you can change items orientation on different sized screens.

Most tablets are at min-width: 1007px; and below

most phones are at min-width: 641px; and below.

1 Like