Hey guys,
Having an issue on my published site (www.paperclipe.com/blog) where the profile pic and Profile User Name isn’t aligned side by side right now there is a big gap between the name and pic
Does anyone know how to fix this?
I want it to look like this:
Thanks,
Abigail Tovar
thanks… I know CSS… just assumed using webflow there would be a solution thats “no code”
hi @Abigail_R_Tovar WF is nothing more than UI offering a “no-code” or more accurately “low-code” way to use your CSS knowledge.
I always like to take the approach of isolating these things once the design has reached a certain point, and things aren’t working the way I want.
It may be helpful for you to create a new page and design this element within it to rule out the rest of your layout. Once you nail it, you can copy / paste it into your main design and see if it still works or something else on the page is reacting with it.
That said, a few standouts to me:
To quickly test my thinking…
I wrapped your header and image element within your div element.
Switched the element flow, moved the image to be the first element, the heading to be the second element.
Added flexbox to the wrapping div:
Added a smidge of padding to the image:
Is this the most correct & perfect solution? No.
Can you do better? Yes.
But spending a couple of minutes fiddling with it illustrates how to approach finding a solution that works best for you.
Here are a few quick videos to watch, they’ll be very helpful:
