Mobil uyumlu web tasarımı nasıl yapılır?

Bootstrap kullanmak istemiyorum hem kendimi geliştirmek hem de kendime özgü bir site yapmak istiyorum. Responsible web tasarımı nereden öğrenebilirim? Bir de siteyi önce yapıp sonra mı uyumlu hale getirmeliyim?

Kendiniz yapmanız oldukça zor. Neden Bootstrap gibi güzel bir şeyi kullanmıyorsunuz ki?

CSS içinde @media etiketi ile ekran genişliğini alarak Responsive tasarımlar yapabilirsiniz.
Örnek:

Favori kanallarımdan olan DesignCourse'ye ait video ile öğrenebilirsin

Bu içeriği görüntülemek için üçüncü taraf çerezlerini yerleştirmek için izninize ihtiyacımız olacak.
Daha detaylı bilgi için, çerezler sayfamıza bakınız.

Üçüncü taraf çerezlerini kabul et

Bu içerikte de olduğu gibi kendi Grid sistemini oluşturabilirsin. Bu sayede bootstrapin gereksiz kod kullanımından da kurtulmuş olursun.

@Berkay Davas @bitwise

Evet, bir siteyi önce HTML ve CSS ile kodladıktan sonra CSS kodlarını overwrite edecek şekilde media kuralları ile responsive CSS'lerini yazacaksın.

CSS kodlarken de responsivei düşünerek kodlarsan işin kolaylaşır. Örneğin display: flex kullanabilirsin ya da sabit width vermek yerine max-width kullanabilirsin.

CSS kısmında media etiketlerini kullanarak, HTML elementlerinin tasarımları değiştirilerek mobile uygun hale getirilebilir. Media etiketi ile ekran çözünürlüğüne özel CSS kodları ekleyebilirsiniz.