Méthodes CSS et HTML pour déplacer les paragraphes vers la gauche sur les écrans de taille mobile

Question

Semble parfait sur un écran d'ordinateur 16:9 normal, avec du texte à gauche et des images à droite. Cependant, lorsqu'il s'agit d'écrans plus petits (par exemple, les écrans de la taille d'un téléphone), l'image est affichée en haut du paragraphe comme je le souhaite. Je suis très nouveau dans ce domaine, alors aidez-moi s'il vous plaît.

Voici mon fichier média

@media(max-width: 700px){
    
   
    .project1-img{
        flex-basis: 10%;
        width: 350px;
        margin: 20px;
    }
    
    .project-one{
        float: right;
        width: 750px;
        margin: 20px;
        padding-left: 10px;  
        inline-size: 1000px;
    }   
}

J'ai besoin d'un code pour m'aider à aligner les paragraphes à la position souhaitée

Answer 1

Que veux-tu faire exactement ?
Je suppose que vous voulez que le paragraphe et l'image soient visibles sur l'écran du téléphone. Vous pouvez donc le faire en utilisant la propriété CSS flex
Voici un exemple :

    
    



    

        

            
Some Heading
            
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime, id praesentium nesciunt vitae libero pariatur. Nam earum reiciendis error autem porro dicta officiis ullam. Alias, minima! Laborum natus maiores rem!
        
        

            
        
    
    

Si ce n'est pas ce que vous souhaitez faire, veuillez expliquer en détail ce que vous souhaitez faire... et l'intégralité de votre code (fichier html)