zeon-studio / hugoplate

Hugoplate is a free starter template built with Hugo and TailwindCSS that will save you hours of work.
https://zeon.studio/preview?project=hugoplate
MIT License
870 stars 241 forks source link

Making text wrap around (or be next to) images in a single blog page. #11

Closed iamsridhar closed 1 year ago

iamsridhar commented 1 year ago

Trying to author blog posts using this template. How can I make text in the blog wrap around (or be next to) images within the body of the content of the blog?

I am embedding images in the blog using the figure short-code. Something like: {{< figure src="/images/digital-payments-blog/hugoblog_1.png" command="Resize" options="100x" caption="Ditigal payment QR code in a mom-and-pop store" >}}

Thanks!

tfsomrat commented 1 year ago

Hi, please follow the implementation guide: https://github.com/gethugothemes/hugo-modules/tree/master/images#shortcode-implementation

you can achieve this functionality with position:float-left or position:float-right

iamsridhar commented 1 year ago

Thanks, works on desktop, but not responsive on mobile.