Javascript 显示无移动和桌面问题

我想弄明白的是，如何让桌面上显示的两件东西在手机中消失。现在发生的事情是，我的代码有两个方面：带有图像的类和桌面中的类标题，隐藏的是项目的描述（用户必须单击才能访问）。我的桌面版本很完美，我想要它，但我唯一的问题是，在移动设备中，我只想显示项目的描述，而不是之前两个可单击的步骤。我知道这与展示有关：没有；或者显示属性的组合，但我一直尝试的似乎不起作用

我不知道如何把它放在一个片段或小提琴，因为有多个html页面以及一个JSON文件。因此，在这种情况下，我将链接一个url到它，以便它是可访问的

如果这没有任何意义，或者你需要我澄清，我将非常乐意！我真的需要一些帮助，所以如果有人对如何解决这个问题有想法，我将不胜感激！谢谢

以下是education.html：

班级专题
选择一个类

您尝试过媒体查询吗？@ananya是的，我只是不知道如何阻止前两个步骤，而只显示MobileView中的描述哪两个步骤？你能解释一下吗？我不清楚你的要求。你说的是哪种描述？如果你点击我发布的url，代码会用照片问候你，上面写着“选择一个类”，你选择了一个类，描述就会显示出来。我想在手机中的照片和选择类选项消失，以便只有描述存在@阿纳亚

/* Smartphones (portrait and landscape) ----------- */


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .third:nth-child(1) a img, .third:nth-child(2) p {
        display: none;
    }
}