Skip to content

Instantly share code, notes, and snippets.

@akshaypilankar

akshaypilankar/a-plus-container

Created May 20, 2024 10:16
Show Gist options
  • Save akshaypilankar/46af6adf298dbd7ba4ae92d1be54c674 to your computer and use it in GitHub Desktop.
Save akshaypilankar/46af6adf298dbd7ba4ae92d1be54c674 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
a-plus-container
1. All the images should be 770x476px and between 150kb - 200kb in size.
2. Replace every image name with AMINU_{ product name with spaces replaced by "_" }_{image sequence number}.jpg.
For example, "Aminu copper peptide serum" will be AMINU_COPPER_PEPTIDE_1.jpg.
3. The only thing you will have to change in the code below is the image name.
<!-- Code start -->
<style>
.aplus-Container {
width: 100%;
max-width: 770px;
margin: 0 auto;
color: #000;
}
.aplus-Container img {
max-width: 100%;
width: 100%;
height: auto;
vertical-align: middle;
border: 0;
}
</style>
<div class="aplus-Container">
<img src="AMINU_COPPER_PEPTIDE_1.jpg" width="100%" alt="AMINU COPPER PEPTIDE SERUM">
<img src="AMINU_COPPER_PEPTIDE_2.jpg" width="100%" alt="AMINU COPPER PEPTIDE SERUM">
<img src="AMINU_COPPER_PEPTIDE_3.jpg" width="100%" alt="AMINU COPPER PEPTIDE SERUM">
</div>
<!-- Code end -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment