search

benn0425 / dsn1713-skyhighadventures

0 stars 0 forks source link

Image won't extend to end of right side of screen #1

Open benn0425 opened 1 week ago

benn0425 commented 1 week ago

Hi @wendywarren

I'm trying to get my image to extend to the end of the screen for md and above. I know that it being inside the container is causing it to inherit the margin and padding of the parent, but I'm hoping to be able to adjust for that. I was in lab with Aya this evening and neither of us could figure it out. Because I'm using the order property, I know it should stay nested in the container. Thank you for the help!

wendywarren commented 6 days ago

Hi @benn0425,

Very cool that you are attempting this layout! I put together a CodePen to demonstrate how you could accomplish this.

https://codepen.io/wendy-warren/pen/MWNybZG

As far as I know you can't set the position property for different breakpoints within the html so there is a bit of css included but I tried to use as much of Bootstrap as I could.

Once position absolute is applied, flex is ignored so ordering the content for mobile works.

Let me know if you have any questions.

Good luck!

Wendy