Temel galeri başlığımız yerinde, ancak Erica'nın orijinal resme koyduğu küçük mavi insanlar eksik. Bunun hakkında önceden konuşmuştuk ve ekran yeniden boyutlandırıldığında, galeri duvarı arkalarında hareket ederken insanların yerinde kalmasının oldukça havalı olacağına karar verdik, bu yüzden galeriye huşu içinde göz atıyorlar gibi görünüyor.
İnsanların grafikleri tamamen süslü olduğundan, onlar için işaretlemeyi kullanmak ideal değildir. Neyse ki iki tane var ve her elemanda ( ::beforeve ::after) iki ücretsiz sözde eleman elde ediyoruz . Bunları eklemek için kullanıyoruz.
Bu videoda yararlı olmaya devam edecek bir kavramı, "ters medya sorguları" kavramını tanıtıyoruz. Bu tasarımda büyük ölçüde masaüstünde çalışıyoruz, bu nedenle medya sorgularımız çoğunlukla temel alır max-width. Ancak aynı medya sorgularını temel alarak oluşturursak min-width, ekranı yalnızca belirli bir boyuttan büyük olduğunda hedefleyebiliriz, daha küçük değil.
Bu durumda, insanların grafikleri küçük ekranlara sığmaz. Bu yüzden onları yüklemek için bir ters medya sorgusu kullanıyoruz, bu şekilde onları çalıştıkları büyük ekranlara yükleyeceğiz, ancak küçük ekranlara yüklemeyeceğiz. Bu, her zaman yüklemek ve küçük ekranlarda saklamaktan daha iyidir.