28172 sujets

CSS et mise en forme, CSS3

[Résolu] Faire un retour à la ligne , uniquement sur le mobile

voila
les divs cote à cote
ou superposés si vertical


.divlogo {
width: 100px;
height: 100px;
display: inline-block;
background-color: yellowgreen;
}
.divtitre {
width: 300px;
height: 100px;
display: inline-block;
background-color: darkred;
}

@media only screen and (orientation: portrait) and (max-width: 500px){
.divtitre, .divlogo {
display: block;
}
}


et html

<div class="divlogo"></div>
<div class="divtitre"></div>

Modifié par drphilgood (24 Oct 2022 - 15:48)
Meilleure solution
Bonjour
Merci
Super Smiley smile et j'ai réussi à priori à l'adapter à mon code où c'était plutôt un lien
Si tu as une soluce pour le problème proche dans l'autre fil ?


@media only screen and (orientation: portrait) and (max-width: 500px){
	.slogan, .logo {
		display: block;
	}
}


<a class="logo" href="https://clibre.eu/"><img src="..." width="151" height="48" loading="lazy" data-path="local-0,clibre.eu:/img-logo/cLibre.eu_logo_entete-fixe.png" /></a> <span class="slogan">Faciliter l'adoption du meilleur du Libre auprès du grand public</span>
Sujet clos
Aller à