ViniciusRamoa

Olá, eu estou estudando CSS e estou com um problema que já pesquisei e não consegui entender direito, a dúvida é: como remover um item (nesse caso, uma imagem por exemplo) quando a pessoa estiver, por exemplo, usando um celular para ver o site? Ou seja, quem acessar pelo pc, conseguirá ver a imagem, quem acessar pelo celular, não verá

Olá, eu possuo o código: @foreach ($manga['chapters'] as $chapter) <div class="manga-chapter" > <h6 class="events-subtitle" style="left: -165px; top: 30px; position: relative;"> {{ link_to_route('front.manga.reader', "≫"." ".$chapter['chapter_name'], [$manga['manga_slug'], $chapter['chapter_slug']]) }} </h6> </div> @endforeach Mas ele acaba exibindo muitos itens, eu gostaria de limitar para apenas 5 itens, e que esses 5 itens, o menor fosse "apagado" e aparecesse o mais recente, exemplo: Atualmente: Item 5 Item 4 Item 3 Item 2 Item 1 Quando um novo item for publicado, ficaria: Item 6 Item 5 Item 4 Item 3 Item 2 Agradeço a ajuda, se puder pelo menos indicar um caminho, já ajuda muito, estou perdido aqui