So I’m using flexbox to design my website. And I encounter slide problem when working on 2 different screen size at the same time. Sometimes I do them on a 1280px screen (macbook 13") and sometimes bigger (iMac).
I’m really not a coder, my background is design so it’s kinda hard for me to grasp some of the topic answers related to my questions here. Still have much more to learn! @sarahc and @VladimirVitaliyevich suggested using vw and vh but it seems to not work?
When I open your project I see the 13" inch screen. My monitor is 1920x1200 px
For that, your header might look nicer if you
a. Change the height of the hero wrapper to auto (and maybe use min-height 40vh if you want it to be at least that tall)
b. Add a top and bottom padding to the hero-wrapper (maybe 80px to match the sides)
It happens when I put space between the numbers and vh or vw. I figured it out after one time try typing them differently. That problem is solved now!
But here’s a screenshot just to show you what I meant:
Yes, but only on the 13" because I suspect they only show the center of the page. And it won’t show you the rest of the screen.
It’s Chrome 50.
How do you know that you’re opening a 13" project?
Yep, I think they help. But still seems a bit off. Will it help if I edit the rest of the breakpoints along the way? But I’m not done editing the desktop version of the website. But if I do that now, it will be a lot of back and forth.