hi! i’m bumping into a couple of issues while working on the portfolio project, and would appreciate some guidance.
here’s the link to my codepen: https://codepen.io/lazystreak/pen/ZEQOYVp
- not passing the test for viewport height. i’ve set
height: 100vh;under the
#welcome-sectionin my css code but it’s still not passing the test. also, i’ve noticed that when i resize the page with the current height set, it will overflow into the next section (projects) even though it’s set to display as a block element.
2. media query isn’t working as expected.
even though it’s passing the test, the expected behaviour is for it to stack. right now, it still remains as a row.
3. issues with grid in css
grid-template-columns, images under
projects can be displayed as a row when i set
grid-template-columns: 3fr 3fr 3fr 3fr. however, if i change that to:
grid-template-columns: repeat (4, 3fr); it stacks up vertically into a single column instead.
thanks in advance!