[{"_id":"64da35184429385b927ffab8","role":"author","privacyState":"public","user":{"_id":"5683c7814638b046d112740b","username":"nikolovlazar","name":"Lazar Nikolov","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1674043935818/Yh1wb63qa.jpg","numFollowers":71,"hasGoldRing":true,"isDeactivated":false},"username":"nikolovlazar","memberPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1674043935818/Yh1wb63qa.jpg","memberName":"Lazar Nikolov","publication":"64d7d88dd459393b57af9905","__v":0,"latestPosts":[{"_id":"64eff55ed354aa64633daabd","isAnonymous":false,"views":2,"coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1693447516843/2251f311-c596-462d-a4ad-941ec1658d45.jpeg","brief":"Style Queries is a very cool feature in CSS, and they’re defined by the containment spec. Aside from being able to query a parent’s inline size (that’s container queries), the containment spec also includes the ability to query a parent’s style value...","upvotes":0,"tags":[],"responseCount":0,"replyCount":0,"isActive":true,"bookmarkedIn":[],"reactions":[],"totalReactions":0,"reactionsByCurrentUser":[],"isPinnedToBlog":false,"title":"CSS Style Queries","type":"story","partOfPublication":true,"publication":{"_id":"64d7d88dd459393b57af9905","wwwPrefixedDomainStatus":{"certIssued":false,"ready":false},"views":{"today":0,"thisWeek":0,"lastWeek":9,"allTime":133,"thisMonth":13},"stripe":{},"emailPreferences":{"draftSubmissionNotifications":true},"wwwPrefixedDomain":"","numFollowers":0,"badgePageEnabled":true,"membersPageEnabled":true,"newsletterPageEnabled":true,"newsletterEnabled":false,"audioBlogEnabled":false,"audioBlogVoiceType":"male","textSelectionSharerEnabled":true,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"dailyViewsForCurrentMonth":{"1699056000":1,"1699833600":1,"1700092800":1,"1700352000":1,"1700524800":2,"1700611200":2,"1700697600":2,"1700870400":2,"1700956800":1},"viewCountVisible":false,"readTimeHidden":false,"customCSSEnabled":false,"disableFooterBranding":false,"domainChecklistSkipped":true,"umamiDataImported":true,"isGithubAsSourceConnected":false,"githubAsSourceDetails":null,"blockBackupAllButton":false,"blockBackupAllDraftsButton":false,"author":"5683c7814638b046d112740b","isActive":true,"username":"creatures-dev","domain":"hashnode.creatures.dev","urlPattern":"simple","layout":"magazine","title":"The creatures.dev blog","links":{"twitter":"","instagram":"","github":"","website":"https://creatures.dev","hashnode":"","youtube":"https://youtube.com/@nikolovlazar","dailydev":"","linkedin":"","mastodon":""},"domainStatus":{"certIssued":true,"ready":true},"domainUpdatedOn":"2023-08-12T19:51:37.815Z","customRules":[],"menu":[{"priority":10,"_id":"64d7fa5ad459393b57af9ade","type":"link","label":"Website","url":"https://creatures.dev"},{"priority":0,"_id":"64d7fa50d459393b57af9adc","type":"link","label":"Discord","url":"https://discord.creatures.dev"}],"__v":0,"umamiWebsiteUUID":"c7e8b803-ba56-49de-9c93-c29c245a7cbb","imprint":"

creatures.dev - a community of developers excited about code.

Join us at discord.creatures.dev!

\n","imprintMarkdown":"[creatures.dev](https://creatures.dev) - a community of developers excited about code.\n\nJoin us at [discord.creatures.dev](https://discord.creatures.dev)!","meta":"","metaHTML":"","darkModeEnabled":true,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1691872123213/3_6YYtlTS.png","headerColor":"","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1691872457018/gqvhjIecF.png","rssIntegration":"64d7f2b9843bbb000f96ac9f","isTeam":true},"slug":"css-style-queries","cuid":"cllyixfyl02tedpnv5vsyfhaa","dateAdded":"2023-08-31T02:02:23.000Z","contributors":[],"author":"5683c7814638b046d112740b","followersCount":1,"readTime":4},{"_id":"64eff5408b755d643372bfe4","isAnonymous":false,"views":5,"coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1693447486612/3618330b-d067-4052-ab2e-e6f9884dd85f.jpeg","brief":"Unlike Media Queries, which let you apply styles to an element based on the viewport size, Container Queries let you apply styles to an element based on its own size. Talk about next level responsive design! And the best thing is, it’s supported by a...","upvotes":0,"tags":[],"responseCount":0,"replyCount":0,"isActive":true,"bookmarkedIn":[],"reactions":[],"totalReactions":0,"reactionsByCurrentUser":[],"isPinnedToBlog":false,"title":"CSS Container Queries","type":"story","partOfPublication":true,"publication":{"_id":"64d7d88dd459393b57af9905","wwwPrefixedDomainStatus":{"certIssued":false,"ready":false},"views":{"today":0,"thisWeek":0,"lastWeek":9,"allTime":133,"thisMonth":13},"stripe":{},"emailPreferences":{"draftSubmissionNotifications":true},"wwwPrefixedDomain":"","numFollowers":0,"badgePageEnabled":true,"membersPageEnabled":true,"newsletterPageEnabled":true,"newsletterEnabled":false,"audioBlogEnabled":false,"audioBlogVoiceType":"male","textSelectionSharerEnabled":true,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"dailyViewsForCurrentMonth":{"1699056000":1,"1699833600":1,"1700092800":1,"1700352000":1,"1700524800":2,"1700611200":2,"1700697600":2,"1700870400":2,"1700956800":1},"viewCountVisible":false,"readTimeHidden":false,"customCSSEnabled":false,"disableFooterBranding":false,"domainChecklistSkipped":true,"umamiDataImported":true,"isGithubAsSourceConnected":false,"githubAsSourceDetails":null,"blockBackupAllButton":false,"blockBackupAllDraftsButton":false,"author":"5683c7814638b046d112740b","isActive":true,"username":"creatures-dev","domain":"hashnode.creatures.dev","urlPattern":"simple","layout":"magazine","title":"The creatures.dev blog","links":{"twitter":"","instagram":"","github":"","website":"https://creatures.dev","hashnode":"","youtube":"https://youtube.com/@nikolovlazar","dailydev":"","linkedin":"","mastodon":""},"domainStatus":{"certIssued":true,"ready":true},"domainUpdatedOn":"2023-08-12T19:51:37.815Z","customRules":[],"menu":[{"priority":10,"_id":"64d7fa5ad459393b57af9ade","type":"link","label":"Website","url":"https://creatures.dev"},{"priority":0,"_id":"64d7fa50d459393b57af9adc","type":"link","label":"Discord","url":"https://discord.creatures.dev"}],"__v":0,"umamiWebsiteUUID":"c7e8b803-ba56-49de-9c93-c29c245a7cbb","imprint":"

creatures.dev - a community of developers excited about code.

Join us at discord.creatures.dev!

Members (1)

Lazar Nikolov