@iamenochlee
Posted
lol, i don't have access to this course but i believe you have an horizontal scrollbar at some point due to the fact that you used top: xxx, right: xxx, and position: absolute
to fit it, this can be fixed with more media queries, but the way i will approach this design is to not add a general margin or padding to the header, or absolute position to the image , then just give the header a {display: flex; justify-content: space-between}
then apply a max-width to the image. for the content (i.e class of heading card) I would apply it a margin-left, and some margin and padding to the nav, imo making sure that my body has a width and max with of 100%. nice work, keep it coding.
@dorian-edwards
Posted
@iamenochlee Yeah flexbox was my first approach but the image provided doesn't look like the design, it has to be offset from the screen to achieve that effect. I readjusted some positioning and just disabled horizontal setting my main tag to overflow-x: hidden;
on my second attempt. Thanks for the advice!