![SouptikSamanta](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-09-05%2F7681704801586_69c66280f3c4d7d69b4f_192.png&w=96&q=75)
![css emoji](/_next/image?url=https%3A%2F%2Femoji.slack-edge.com%2FT0266FRGM%2Fcss%2F67cfe41f96375b4c.png&w=96&q=75)
Posts tagged with :css:
![SouptikSamanta](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-09-05%2F7681704801586_69c66280f3c4d7d69b4f_192.png&w=96&q=75)
![DillonB07](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-09-04%2F7702328394192_e04565e6e249c7c92897_192.png&w=96&q=75)
![EfeÖzülkü](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-07-12%2F7402150002855_69aab4a2a10b0e82d3bd_192.jpg&w=96&q=75)
![EfeÖzülkü](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-07-12%2F7402150002855_69aab4a2a10b0e82d3bd_192.jpg&w=96&q=75)
![Latifah-U013DJAUJBT](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2020-06-05%2F1189677940736_a6a68f936f04bac53cbd_192.png&w=96&q=75)
![Latifah-U013DJAUJBT](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2020-06-05%2F1189677940736_a6a68f936f04bac53cbd_192.png&w=96&q=75)
![AyushPaul-U02GHNT70TB](/_next/image?url=https%3A%2F%2Fsecure.gravatar.com%2Favatar%2Fc546e39766bc208e8dbc0cbbcfb52c2f.jpg%3Fs%3D192%26d%3Dhttps%253A%252F%252Fa.slack-edge.com%252Fdf10d%252Fimg%252Favatars%252Fava_0006-192.png&w=96&q=75)
![arav](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-09-06%2F7712948992992_8bda25cc4c9b241da670_192.jpg&w=96&q=75)
![Omay](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2023-11-01%2F6130885221619_d3eee3c35e93a13c22ff_192.jpg&w=96&q=75)
![OmarMobayed](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2022-07-29%2F3874402139812_29fbebd02bd473d84f20_192.png&w=96&q=75)
![kyle](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-03-12%2F6786664205493_372b63f1cba06b6d716d_192.jpg&w=96&q=75)
![jzaleta](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-04-04%2F6915654075554_c1f636c77584ec4b4c53_192.png&w=96&q=75)
Flexbox
:harder-flex: :css: with a few tutorials and examples! Also did a Hack Club's :hack-club: Summer 2022 sketch based on the theories 🏕️ 🧭 🎈 we have made here on the Slack :slack: about the event and with a small description with the help of some cool additional details! :cooll-dino:![pybash](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2022-05-29%2F3585454987910_3ab4fdefe3eb48c76090_192.png&w=96&q=75)
![jzaleta](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-04-04%2F6915654075554_c1f636c77584ec4b4c53_192.png&w=96&q=75)
:before
and :after
! Also thanks to the #scrapbook Prisma/Postgres:prisma: :postgres: database I learned that I have a 210 days streak! And speaking again on this, here's my Scrapbook website and the GitHub :github: Gist! Feel free to star ⭐ it if you like it!![jzaleta](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-04-04%2F6915654075554_c1f636c77584ec4b4c53_192.png&w=96&q=75)
background: linear-gradient(0.25turn, #ec2f3a, #6126c7);
💻![suryaansh](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-03-16%2F6834885303840_22d7be0ced66e9fad30e_192.jpg&w=96&q=75)
![jzaleta](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-04-04%2F6915654075554_c1f636c77584ec4b4c53_192.png&w=96&q=75)
![jzaleta](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-04-04%2F6915654075554_c1f636c77584ec4b4c53_192.png&w=96&q=75)
before
" Pseudo-Element
in CSS :css: that I learned yesterday for my Scrapbook :hack-club: , here’s the code:
.nav-link-home::before { content: "Javier's "; }It's a bit small but effective! It adds my name before Scrapbook. Here's a picture showing how it looks like! 📷 Also I've been thinking about this very cool phrase 🦕 that used to appear on my Scrapbook Profile but now it's gone because I post daily since last year, but it's nice to remember and see how I've progress with time! Lastly, here's also a Parrot Fish picture! 🐠
![jzaleta](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-04-04%2F6915654075554_c1f636c77584ec4b4c53_192.png&w=96&q=75)
![jessicard](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2022-02-01%2F3053179594081_7912b442744f66c3322e_192.jpg&w=96&q=75)
/branding
page and gave a blurb on our UI components![ian](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2023-09-04%2F5847803218243_3909d9c2338267302940_192.png&w=96&q=75)
![ella](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-09-04%2F7676344161826_a25dc21469e840c79163_192.jpg&w=96&q=75)