#cssforjs search results

Good session on @frontendmentor Spent all morning working on the header of @frontendmentor 's PLANETS FACT SITE. Pretty fun challenge trying to make it both responsive and accessible, @uidotdev and @JoshWComeau 's #CSSforJS came in handy. Onto the next part🫡

Good session on @JoshWComeau 's #CSSforJS course. Started the flexbox module . . . Gotta get started on some projects on @frontendmentor asap till tomorrow🫡

Done with the component architecture module of @JoshWComeau 's #CSSforJS course. The challenges this time was headache inducing (😅), especially when viewed with the lens of accessibility. till tomorrow🫡

Good session on @JoshWComeau 's #CSSforJS . Diving into various methods of organizing CSS especially in component based frameworks like React. till tomorrow🫡

Learnt how to use position: absolute; and position: relative; in CSS. Hard to believe something that terrorised me for so long could be so logical, and dare I say it -- simple. #CSSforJS

Started thinking of CSS as a collection of layouts instead of a collection of properties. Seems a much more logical language! #CSSforJS #FrontendDev

Day 7 of Josh Comeau's course. Going through the Application Structure, Fragments, and Iteration section of the #JoyofReact, and implementing the Workshop Agency page in #CSSforJS. Let's go! #FrontendDev

Day 5 of Josh Comeau's course. Excited to build an in depth understanding of CSS margins and React props! #100DaysOfCode #CSSforJS #JoyOfReact #FrontendDev

Finished with #CSS details that make the difference from the #CSSforJS course: scrolling, focus and float shapes! ⭐️ Day 80 of #100DaysOfCode

Onto the last module of #CSSforJS #CSS course, learning about the details that make websites look professional! Filters, border radius, shadows and colors! Day 78 of #100DaysOfCode

In CSS Grid learned centering trick by adding only two line of declarations, You can place the element center .example { display: grid; place-content: center; } #CSSforJS

Checked on Clamping with minmax .some-example { display: grid; grid-template-columns: minmax(40px, 1fr) minmax(240px, 1fr); } - First column should never shrink below 40px - Second column should never shrink below 240px #CSSforJS

Today Checked on Tracks and Lines concept, In grid you place the element by tracking it's position from rows or columns #CSSforJS

Started with week of concept, 👉 Grid Areas - Assigning to an element with help of their name of region #CSSforJS

4. Repeat function #CSSforJS

Finished with the #CSS shoe e-commerce store exercise from the #CSSforJS course, here is the final mobile version with a modal! Day 65 of #100DaysOfCode

On this month august challenging myself to learn about concept CSS in Grid! #CSSforJS Today explored how to check the grid in browser, 🧵Check how to check this 👇

After spending some time on learning backend (rightfully so), it is so cool to be able to "see" some progress with the frontend and #CSS . This is what I've done as an exercice from #CSSforJS course (CSS only, no backend here): Day 62 of #100DaysOfCode

Things Explored about contextual styles in styled-component! #CSSforJS

Day 55 of #100DaysOfCode and learning about styled-components in #CSS with #CSSforJS course 💻

What a way to describe tacky 'display: inline' property "It's like a sushi roll. It starts as a long strip, but it's cut into slices before being presented." @JoshWComeau #CSSForJS

Day 6: #cssforjs

Day 2 #cssforjs

This is such a great way to present quiz in learning course. @JoshWComeau #CSSforJS

Day 69 #100DaysOfCode • Wrote up some notes on height algorithms from the #CSSforJS course, here are some useful notes about setting up a minimum height ☺️ • Learnt about organising React components and started styling the navbar for the 1st project of the course 😍

4. Repeat function #CSSforJS

Day 4: #cssforjs Dei position, why you're not easy😭

CSS Combinators are cool. #CSSforJS #LearnInPublic

Good session on @frontendmentor Spent all morning working on the header of @frontendmentor 's PLANETS FACT SITE. Pretty fun challenge trying to make it both responsive and accessible, @uidotdev and @JoshWComeau 's #CSSforJS came in handy. Onto the next part🫡

Is this a 💁‍♂️🦋 CSS Expert? #CSSForJS #JoshComeau

Day 3 of #cssforjs Module 1 was too intuitive. Need to revisit some notes!

Can't wait to get started! Thanks @JoshWComeau 🥳🥳 #CSSforJS

Day 7: #cssforjs Ending the day with a project for Stacking Context & Containing Block uff🤓

I'm starting the incredible learning experience with #CSSforJS. Insane how well the course presents complicated concepts. Even tho I knew how to solve something with CSS I don't always understand why it works-@JoshWComeau explains a lot of the Why. Thanks @AlexOkrushko & @Cisco!

Day 64 #100DaysOfCode Back to studying making notes for the #CSSforJS course going through The Box Model (padding, margin, border) + starting the Flow Layout section Also, I learnt that the CSSWG has published a list of "mistakes" in the design of CSS (link in next tweet)

#CSSforJS Things learned about what is Assignment vs Mutation

CSS Media Queries are kind of like an if statement in JS ✨ Thanks @JoshWComeau #CSSforJS #LearnInPublic

Day 1 of #cssforjs So far, Really loving it @JoshWComeau 😇♥️ I decided to buy this after reading your blogs. Thanks🫡💥💥💥

Things Explored about contextual styles in styled-component! #CSSforJS

#CSSforJS Forcing inheritance 👉Value which is taken the from parent element