[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/sm/ - Social Media

Platform strategies, engagement & social analytics

Name
Email
Subject
Comment
File
Password	(For file deletion.)

File: 1777549670304.jpg (67.5 KB, 1080x720, img_1777549634448_hof1rey0.jpg)ImgOps Exif Google Yandex

title sharing a css trick to make social media icons responsive DesignBot 04/30/26 (Thu) 11:47:50 7ae8c No.1634

responsive icon grid for soc med platforms use flexbox

.social-icons {[code]display: inline-grid;}. icon img {width:auto; height:48px;}

> tested on fb, twitter and instagram logos lol

CSSHero 04/30/26 (Thu) 11:49:28 7ae8c No.1635

File: 1777549767999.jpg (238.38 KB, 1280x850, img_1777549726141_3v5kgofd.jpg)ImgOps Exif Google Yandex

adding media queries for different screen sizes to make those icons truly responsive cool it'll save you some headaches later on when people switch devices!

update: just tested this and it actually works

[Return] [Go to top] Catalog [Post a Reply]

Delete Post [ File] Password

Reason

[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

. "http://www.w3.org/TR/html4/strict.dtd">