CodeLineDaily's profile picture. A ʟɪɴᴇ ᴏғ ᴄᴏᴅᴇ ᴏғ ᴛʜᴇ ᴅᴀʏ.

𝙲𝚘𝚍𝚎 𝙻𝚒𝚗𝚎 𝙳𝚊𝚒𝚕𝚢

@CodeLineDaily

A ʟɪɴᴇ ᴏғ ᴄᴏᴅᴇ ᴏғ ᴛʜᴇ ᴅᴀʏ.

Did you know of this line of code: aspect-ratio: 16 / 9 Forces an element to respect the aspect ratio. See more lines here: cld.silvestar.codes/line/2020-08-08 #loc #cld #codelinedaily #CSS


Did you know of this line of code: width: clamp(23ch, 50%, 46ch) Sets an absolute min and max size, and the actual size of the element. See more lines here: cld.silvestar.codes/line/2020-08-07 #loc #cld #codelinedaily #CSS


Did you know of this line of code: justify-content: space-between Places the first and last items to the edges, with the remaining space evenly distributed between the items. See more lines here: cld.silvestar.codes/line/2020-08-06 #loc #cld #codelinedaily #CSS


Did you know of this line of code: grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) Creates responsive layout with automatically-placed and flexible grid items. See more lines here: cld.silvestar.codes/line/2020-08-05 #loc #cld #codelinedaily #CSS

cld.silvestar.codes

Code Line Daily

A line of code of the day.


Did you know of this line of code: grid-template: auto 1fr auto / auto 1fr auto Creates a classic layout: header, left sidebar, content, right sidebar, and footer. See more lines here: cld.silvestar.codes/line/2020-08-03 #loc #cld #codelinedaily #CSS


Did you know of this line of code: grid-template-rows: auto 1fr auto Makes sticky footer and does not wrap grid items when the screen size changes. See more lines here: cld.silvestar.codes/line/2020-07-31 #loc #cld #codelinedaily #CSS


Did you know of this line of code: minmax(150px, 25%) Sets the minimum and maximum width of the grid item. See more lines here: cld.silvestar.codes/line/2020-07-30 #loc #cld #codelinedaily #CSS


Did you know of this line of code: flex: 0 1 150px Makes the flex item stretched on desktop and not streched on mobile, with 150px of base width. See more lines here: cld.silvestar.codes/line/2020-07-29 #loc #cld #codelinedaily #CSS


Did you know of this line of code: display: contents Replaces current element's box by their child and pseudo-boxes. See more lines here: cld.silvestar.codes/line/2020-07-24 #loc #cld #codelinedaily #CSS


Did you know of this line of code: display: inline-block Sets current element as an inline block type. See more lines here: cld.silvestar.codes/line/2020-07-14 #loc #cld #codelinedaily #CSS


Loading...

Something went wrong.


Something went wrong.