Kaedah CSS dan HTML untuk mengalihkan perenggan ke kiri pada skrin bersaiz mudah alih

Question

Kelihatan sempurna pada skrin komputer biasa 16:9, dengan teks di sebelah kiri dan imej di sebelah kanan. Walau bagaimanapun, apabila ia berkaitan dengan skrin yang lebih kecil (cth. skrin saiz telefon), ia memaparkan gambar di atas perenggan seperti yang saya mahu. Saya sangat baru dalam hal ini jadi tolong bantu.

Ini adalah fail media saya

@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;
    }   
}

Saya memerlukan kod untuk membantu saya menyelaraskan perenggan ke kedudukan yang diingini

Answer 1

Apa sebenarnya yang anda mahu lakukan?
Saya rasa anda mahu kedua-dua perenggan dan imej kelihatan pada skrin telefon. Jadi anda boleh melakukan ini menggunakan sifat CSS flex
Berikut adalah contoh:

    
    



    

        

            
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!
        
        

            
        
    
    

Jika ini bukan perkara yang anda mahu lakukan, sila jelaskan secara terperinci perkara yang anda mahu lakukan... dan keseluruhan kod anda (fail html)