Skip to content

Instantly share code, notes, and snippets.

@GalloDaSballo
Created September 8, 2017 13:27
Show Gist options
  • Save GalloDaSballo/a2639ded74142b9adf6be2a3e06e4784 to your computer and use it in GitHub Desktop.
Save GalloDaSballo/a2639ded74142b9adf6be2a3e06e4784 to your computer and use it in GitHub Desktop.
<table class="partner-show">
<tr>
<td>
<img src="LINK ALLA IMMAGINE">
</td>
<td>
<span style="color: #cd0000;"><strong>NOME PARTNER</strong></span>
DESCRIZIONE
</td>
</tr>
</table>
@GalloDaSballo
Copy link
Author

Per ogni immagine o immagine con titolo + descrizione ho creato una tabella.

Le tabelle sono orizzontali fino a 768px (table/grandi cellulari), poi diventano verticali con la foto al centro mentre il testo è allineato a sinistra.

Per ottenere questi risultati devi:
1- Usare una tabella
2- La tabella deve avere class="partner-show"
3- Mettere la foto in un mentre il testo + titolo in un altro
4- Se non c'è descrizione metti un vuoto -> Seconda Gist
5- Chiudi e
6- Se vuoi aggiungere delle righe grigie, usa


@GalloDaSballo
Copy link
Author

NOTA:
LE foto devo essere alignnone, se metti align left finiscono a sinistra.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment