The recommended method to include the above CSS media queries is to put it into a dedicated CSS file and import it into each of your HTML page.

Put the below CSS content into a file called `devices.css`.

    @media screen and (max-width: 600px) {
        body {
            font-size: 14px;
        }
        .container {
            display: flex;
            flex-wrap: wrap;
        }
        .item {
            width: 50%;
        }
    }

Then, inside the `<head>` element of your HTML file, add the following line:

    <link rel="stylesheet" href="devices.css">

You can change the name of `devices.css` to other names, but you must change the `link href` part accordingly.
วิธีที่แนะนำในการรวมคำสั่งสื่อ CSS ข้างต้นคือการใส่ลงในไฟล์ CSS เฉพาะและนำเข้าลงในหน้า HTML แต่ละหน้าของคุณ ใส่เนื้อหา CSS ด้านล่างลงในไฟล์ชื่อ `devices.css` หน้าจอ @media และ (ความกว้างสูงสุด: 600px) { body { ขนาดตัวอักษร: 14px; } .container { จอแสดงผล: ดิ้น; ดิ้นห่อ: ห่อ; } .item { ความกว้าง: 50%; } } จากนั้น ภายในองค์ประกอบ `<head>` ของไฟล์ HTML ของคุณ ให้เพิ่มบรรทัดต่อไปนี้: <link rel="stylesheet" href="devices.css"> คุณสามารถเปลี่ยนชื่อของ `devices.css` เป็นชื่ออื่นได้ ชื่อ แต่คุณต้องเปลี่ยนส่วน `link href` ให้สอดคล้องกัน
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence