Arayüz Tasarımcıları Bakabilir mi? Yardım

Merhaba arkadaşlar. Kendi projem için kendi sitemi tasarlıyorum ve ilk web tasarımım.
Yaptığım tasarım 960px kuralına uymak zorunda mı?
Sitenin görüntüsü http://prntscr.com/krt3be

Siyah kare olan kısım 960px.
Mavi cetveller ise sitemin tasarlandığı hali.

Bu halde olmaz mı? İlla 960px mi olmalı.

Olur niye olmasın? Ama 960 px altında yüksek ihtimal görüntü bozulur, 960px altında özel css yazmanız gerekiyor. Ya menü elamanlarını küçültürsünüz ya da butonları 960px altında gizleyebilirsiniz.

@media only screen and (max-width: 960px) {
kodlar buraya
}

Bu şekilde düşünmeyin çok eski zamanlar tüm ekranlarda düzgün görünmesi için 960 kuralı vardı.

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }
// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }
// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

bu şekilde yapmanız bir problem oluşturmaz. Ayrıca kurallara uymak zorunda değilsiniz. İstediğiniz gibi yapabilirsiniz ama yukarıda yazdığım grid'e uyabilirsiniz.

Hiç web yapmadığım için, youtubedan ders izliyorum. Hangisi iyi anlatır hangisi kötü anlatır bilemedim. Başladım birine fakat orda diyordu 960px kuralı var diye. Çok teşekkür ederim

Bootstrap CSS sınıfını da incelemeni öneririm. Çok işine yarayacağından emin olabilirsin.

hocam artık 960px bile kullanılmıyor 1170px en ideali