在手機尺寸畫面上，如何將段落向左移動的CSS和HTML方法

Question

在正常的16:9電腦螢幕上看起來很完美，文字在左邊，圖片在右邊。 但是，當涉及到較小的螢幕（例如手機尺寸的螢幕）時，它確實會像我想要的那樣在段落頂部顯示圖片。我對此很陌生，所以請幫忙。

這是我的媒體檔案

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

我需要一個程式碼來幫助我將段落對齊到所需位置

Answer 1

你到底想做什麼？
我猜你希望段落和圖像在手機螢幕上都可見。所以你可以使用 CSS 的 flex 屬性來做到這一點
這是範例：

    
    



    

        

            
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!
        
        

            
        
    
    

如果這不是您想要做的，那麼請詳細解釋您想要做什麼...以及您的整個程式碼（html 檔案）