DEV Community

Uchena Miller
Uchena Miller

Posted on

My issues regarding my personal website (media Queries)

I'm getting in the habit of documenting my work.

I have been working on my portfolio site for the past 2 months now; I'm practically finished with the code only a few thing left but for the past couple of days I've been having an issue making the site responsive for small devices. I purposely been procrastinating.
I think that i'm doing it all wrong and I am at the point of giving up.

Still trying to figure out where did I went wrong, I used
@media screen and(max-width: 480px).


List of Issues

  1. Width

    • The width is not fluid and there is an overflow on the X axis.
    • Content doesn't align properly when width of screen changes below 480px.
  2. Height

    • I have to keep changing the View Height if I change width. No synchrony.
  3. Images

    • the site uses svg content, they stay in place but doesnt scale down correctly and sometimes they disappear.

and these are the main issues among many others.
I used flexbox.


If you can have any suggestions, links, and videos please feel free to share. I'm making this a thread to follow up with my journey until the release of my website.

You can also follow me on twitter @ https://www.twitter.com/WebDev_Chen

Discussion (0)