a little help w layout ideas
having a hard time figuring out hwo to layout the left side?
ideally i want the text to flow around the circle badge badge at the top... i know this is simple part of the reason im freaking out so badly i should be able to do this but i dunno waht gives
I guess my question is when it needs to be resized where does the badge go?
I was hoping it could jsut remain the same place adn the text flow over and everything just gets samller.. how can i set this up?
11 Replies
i'm sorry i mean the right side*
What do you mean the text wrapped around the badge? Like a curve? That's not simple at all don't beat yourself up
Ah like what you can do in word the inline image or something?
Like this stuff?
https://www.w3schools.com/css/css_float.asp
This thing?
It would be float but I'm not sure if it will work out of the box for something rounded. Might look funky but I could be wrong
Doesnt float just work with the shape dimensions themselves?
(i never personally used it)
He can always try it out in the w3schools editor.
It could i haven't use it either π but if I remember right I think it's kind of janky with different shapes
MDN Web Docs
shape-outside - CSS | MDN
The shape-outside CSS property defines a shapeβwhich may be non-rectangularβaround which adjacent inline content should wrap. By default, inline content wraps around its margin box; shape-outside provides a way to customize this wrapping, making it possible to wrap text around complex objects rather than rectangular boxes.
Note that shape-outside is used with float, which comes with the quirks of floats.
yeah exactly
I actually just ended up adjustign my design around this. i think im back on track
thank you for your help and knowledge!!!!