conflit entre .no-padding et .col

Bonjour,

J'ai un slideshow dont voici la partie html
[== HTML ==]
<body>
	<div class="container">
		<header>
			<section class="grid">
				<div id="owl-slide" class="owl-carousel owl-theme col sml-hide med-8 med-show med-centered lrg-8 lrg-show lrg-centered no-margin no-padding">
				<?php
					while($plxShow->plxMotor->plxRecord_arts->loop()) {
					if($plxShow->artCatIds() == '008') { ?>					
					<article class="col sml-12 med-12 med-centered lrg-12 lrg-centered item">
						<?php $plxShow->artChapo('', $content=false); ?>
					</article>
					<?php } ?>
					<?php } ?>
				</div>
			</section>
		</header>
	</div>
</body>

la class no-padding n'est pas prise en compte à cause de la class .col. Au début je pensais que la padding 1rem défini dans .col était pour ne pas être coller à gauche et à droite au bord de l'écran mais la class .grid contient des marges donc c'est pas à cause de ça. Est-ce qu'il y a une raison ?

J'ai un string de l'array

Réponses

  • JosJos Membres
    Bonjour,

    En gros le padding dans .col sert à les espacer, et la margin dans la .grid sert à évite le décalage à gauche et à droite.
Connectez-vous ou Inscrivez-vous pour répondre.