Robert Libotti is a Full Stack / C# Developer Analyst with 20+ years of experience. Postgraduated: Cloud Computing (IGTI) and AI Applied to Military Systems (FGV). Focusing on Web technologies: Azure, AWS, .Net (Full Framework and .NET Core), Typescript (Node.js, Angular, React Js), Bootstrap, WebAPI, Swagger, MVC, Webforms, SQLServer, Oracle, Postgres, MySQL, Dapper, ADO.Net, Entity Framework, Aspnet Zero Framework, Hangfire, Docker, Nginx and IA/Computer Vision. AWS and Microsoft Certified.
Here are some examples of what a post with images might look like. If you want to display two or three images next to each other responsively use figure with the appropriate class. Each instance of figure is auto-numbered and displayed in the caption.
Apply the half class like so to display two images side by side that share the same caption.
<figureclass="half"><imgsrc="/images/image-filename-1.jpg"><imgsrc="/images/image-filename-2.jpg"><figcaption>Caption describing these two images.</figcaption></figure>
And you’ll get something that looks like this:
Two images.
Three Up
Apply the third class like so to display three images side by side that share the same caption.
<figureclass="third"><imgsrc="/images/image-filename-1.jpg"><imgsrc="/images/image-filename-2.jpg"><imgsrc="/images/image-filename-3.jpg"><figcaption>Caption describing these three images.</figcaption></figure>