$kat= explode(',',$veri[0][kateg_id]); ?> // buradaki `kateg_id` bir değişkenmi yoksa array'e ait bir key mi?
$kat= explode(',',$veri[0]['kateg_id']); ?>

kateg_id kısmını düzeltirsen olur bu iş :)

@media kullanarak responsive hale getirebilirsin.
https://www.w3schools.com/css/css3_mediaqueries_ex.asp

Örnek:

<div class="container">
    <nav class="Selamlar">
        <ul class="menu">
            <li><a href="#" class="Anasayfa">Anasayfa</a></li>
            <li><a href="#" class="hakkimizda">Hakkımızda</a></li>
            <li><a href="#" class="kimiz">Kimiz Biz</a></li>
            <li><a href="#" class="iletisim">İletişim</a></li>
            <li><a href="" class="sosyal">Sosyal Medya</a></li>
        </ul>
    </nav>
    <img src="agency/assets/img/Logo2.png" alt="">
</div>

.container{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 576px) {
	.container{
		width: 540px;
	}
}
@media (min-width: 768px) { 
	.container{
		width: 720px;
	}
}

@media (min-width: 992px) {
	.container{
		width: 960px;
	}	
}

@media (min-width: 1200px) {
	.container{
		width: 1140px;
	}	
}

@media (min-width: 1400px) {
	.container{
		width: 1320px;
	}	
}

$veri[0]["mdil"] den gelen veri türkçe ise 1 ingilizce ise 2 geliyorsa sorunsuz çalışması lazım

$names = [
	"Mehmet Akif Gökçe",
	"Ali Kaya",
	"Elif Gizem Adıgüzel",
];

function nameFormatOne($name){
	$i = explode(' ', $name);
	$lastName = $i[count($i) - 1];
	unset($i[count($i) - 1]);
	$out = '';
	foreach($i as $x => $y){
		$out .= substr($y, 0, 1).'.';
		if($x < count($i) - 1){
			$out .= ' ';
		}
	}
	$out .= ' '.$lastName;
	echo $out;
}
function nameFormatTwo($name){
	$i = explode(' ', $name);
	$lastName = $i[count($i) - 1];
	unset($i[count($i) - 1]);
	$out = $lastName.', ';
	foreach($i as $x => $y){
		$out .= $y;
		if($x < count($i) - 1){
			$out .= ' ';
		}
	}
	echo $out;
}
function nameFormatThree($name){
	$i = explode(' ', $name);
	$lastName = $i[count($i) - 1];
	unset($i[count($i) - 1]);
	$out = $lastName.', ';
	foreach($i as $x => $y){
		$out .= substr($y, 0, 1).'.';
		if($x < count($i) - 1){
			$out .= ' ';
		}
	}
	echo $out;
}

function nameFormatFour($name){
	$i = explode(' ', $name);
	$lastName = $i[count($i) - 1];
	unset($i[count($i) - 1]);
	$out = $lastName.' ';
	foreach($i as $x => $y){
		$out .= $y;
		if($x < count($i) - 1){
			$out .= ' ';
		}
	}
	echo $out;
}
echo "<pre>";
foreach($names as $n){
	nameFormatOne($n);
	echo " | Format 1<br/>";
	nameFormatTwo($n);
	echo " | Format 2<br/>";
	nameFormatThree($n);
	echo " | Format 3<br/>";
	nameFormatFour($n);
	echo " | Format 3<br/>";
}
echo "</pre>";
/**
M. A. Gökçe | Format 1
Gökçe, Mehmet Akif | Format 2
Gökçe, M. A. | Format 3
Gökçe Mehmet Akif | Format 4
A. Kaya | Format 1
Kaya, Ali | Format 2
Kaya, A. | Format 3
Kaya Ali | Format 4
E. G. Adıgüzel | Format 1
Adıgüzel, Elif Gizem | Format 2
Adıgüzel, E. G. | Format 3
Adıgüzel Elif Gizem | Format 4
*/

Schema::create() yerine Schema::table() kullanarak yapabilirsin.
down() fonksiyonu içerisindeki Schema::dropIfExists() fonksiyonu siliyor tabloyu
https://dev.to/mahmudulhsn/update-existing-table-with-migration-without-losing-in-data-in-laravel-fb1

purpose altta olsaydı

<div class="container">
    <div></div>
    <div></div>
    <div></div>
</div>
<div class="purpose"></div>

şöyle seçebilirdin.

div.container:hover + div.purpose {
	background: rebeccapurple;
	padding: 10px;
}
.purpose{
	background: yellow;
}

kodlarının arasında SMTPDebug varsa onu 0 yap

/**
 * Debug output level.
 * Options:
 * * self::DEBUG_OFF (`0`) No debug output, default
 * * self::DEBUG_CLIENT (`1`) Client commands
 * * self::DEBUG_SERVER (`2`) Client commands and server responses
 * * self::DEBUG_CONNECTION (`3`) As DEBUG_SERVER plus connection status
 * * self::DEBUG_LOWLEVEL (`4`) Low-level data output, all messages.
 */
$mail->SMTPDebug = 0;