@mixin get-breakpoint($size){

@media (max-width: $size) { @content; }

}

bu şekilde bir mixin oluştur kardeşim

sass kullanıyorsan
$xs: 0
$sm: 576
$md: 769
$lg: 992
$xl: 1200
$breakpoints: ('xs':$xs, 'sm': $sm,'md': $md, 'lg': $lg, 'xl': $xl) !default

@mixin create-breakpoint($breakpoint:null, $type:min, $screen:null)
@if($type == min)

@if map-has-key($breakpoints, $breakpoint)
  @media (min-width: map-get($breakpoints, $breakpoint)+px)
    @content

@else

@media (max-width:$screen+px)
  @content

const ws = new WebSocket('wss://stream.binance.com:9443/ws/btcusdt@ticker')
let c = null
ws.onmessage = (e) => {

const data = JSON.parse(e.data)
c = data.c

}

vs code live server kur kardeşim onu araştır sorun yaşamazsın

position:relative;
left:20%

yada

position:absolute;
right:20%;

kardeşim ilk başta bir varable oluşutur
const total = 0
getLocalStorageTotal(number){

total = total+number
localStorage.setItem("sayi", total);

}

böyle deneyebilirsin

<?php echo do_shortcode('[envira-gallery id="51"]'); ?>
kardeşim böyle bir dene sanırım çalışır tam anlamadım ama

if (!e.target.closest('#notification-setting') && !e.target.closest('#open-setting')) this.notificationSettings = false

closest ile o element hariç nereye tıkladıysa kontrol et kardeşim sonra istediğin işlemi yap