'align images left and right automatically in css

I've been working on a page and there's some sort of gallery that needs to be done. I have to align the images alternately. For example: the first image is aligned left and the second is aligned right, and this should continue automatically. Do you have any idea on how to do that? (if it's even possible)

Greetings :)

cssimagealignmentgalleryazureazure-logic-appszendeskazure-alerts


Solution 1:[1]

.image_float {
  width: 100%;
  overflow: hidden;
}
.image_float .img_div:nth-child(even){
  text-align: left;
}
.image_float .img_div:nth-child(odd){
  text-align: right;
}
.img_div{
 width: 100%;
 float: left;
} 
.image_float img{
  width: 40%;
  margin: 0px 0px 10px 0px;
}

<div class="image_float">
  <div class="img_div">
    <img src="https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_1280.jpg">
  </div>
  <div class="img_div">
    <img src="https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_1280.jpg">
  </div>
  <div class="img_div">
    <img src="https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_1280.jpg">
  </div>
  <div class="img_div">
    <img src="https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_1280.jpg">
  </div>
  <div class="img_div">
    <img src="https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_1280.jpg">
  </div>
  <div class="img_div">
    <img src="https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_1280.jpg">
  </div>
</div>

Solution 2:[2]

Here are a few workarounds you can try

WAY - 1

There should be some kind of authentication before calling a webhook

For this in the webhook connector when you go for Add parameters you will find the subscribe and Unsubscribe Authentications.

enter image description here

Not found a way to exclude unwanted data from the alert, we need to pass only required information to Zendesk

For this, you can parse the data and then the required data using the Compose connector to the Zendesk. Here is the screenshot of the Logic App :-

enter image description here

Then you can follow the steps from Implementing solution powered by Zendesk and Azure Logic Apps.

WAY - 2

Another workaround you can try is to download the alerts CSV file then upload the same to Blob Storage or Sharepoint, parse CSV file using Parse CSV Connector and then follow the same steps from Implementing solution powered by Zendesk and Azure Logic Apps.

enter image description here

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Vishal_VE
Solution 2 SwethaKandikonda-MT

Related Questions