How can I fix this issue? Might be overflow
In the smallest size available using inspect element (320 x 870, more exact 351 x 870) there's a empty white part at the right side of the screen this goes down from the top of the page all the way to the bottom. I can't post a CodePen as some things Im using are Images and I haven't really learnt how to make the Pictures lode in CodePen but I can redirect to my GitHub where the website looks as it should!
17 Replies
Can you use picsum img link instead if your images?
Look a widths. Maybe headline font is too large (make it smaller to see if it helps) o some element is over-width (try deleting one block aafter another) or adding overflow:none to parents to see which is the culprit. Dev tools are usually enough. Cannot help much otherwise.
I tried doing picsum but Im not 100% on how it works and they're very specific img's as well
Picsum is easy - the end of the url is .../widthpx/heightpx. And for debugging it does need to be pretty.
How can I get specific imgs?
They are random, you only determine dimension. There are other, more elaborate img generators like loremflicker, but we do not need them now, I guess.
Here's my portfolio if you wanna take a look (Note: It's being kinda buggy I just updated) https://arman-markaryan.github.io/Arman-Markaryan/
Arman Markaryan
Description of your website
Tried
and it looks ok. Too much clamping and H1s (multiple) like "Find my work" - not very good.
What would you recommend? I can definetly say Im still some what new to coding so any tips/tricks will be great Im coding this Portfolio (first one) as I continue to learn HTML, CSS and JS.
...also, I would make sure the page scroll is disabled when nav is open, that the content slides underneath the header...
It is your brand, make your name h1. "Find my work" or "Who am i" bears no value.
There's some stuff I have to remove as Im constantly updating the code as best to my abilities so some things I will forget
No worries, in every page there are issues, subjective or objective. Trying clamp is good, but make sure it does not break things.
Someone might even say you should study and implement all accessibility best practices for the impaired and scren readers from thee start. 😄
Definetly a smart move, Wish I new these things from the get-go
Hey quick question Majkl, I noticed "Skills" isn't inside the padding of my section?
Did you change that hero font size? Try 18px for starters.
It's been changed, I added an alternative font-size in a media query.
I cant advise based on screenhot. In the liv version I changed that to 18px in the dev tools and as far a I see, everything looks fine.
https://codepen.io/hrphyn/pen/yLrBpmZ Heres the latest CodePen