Shruti Balasashrutibalasa.hashnode.net·Dec 6, 2021FeaturedHow I made $10,000 revenue in one month with my first info product“The ‘overnight’ part of ‘overnight success’ is the sudden recognition of years of hard work” — Kent Clothier This quote perfectly describes my journey. A revenue of $10,000 from my very first eBook might seem like I got successful overnight! But no...Syed Fazle Rahman and 62 others are discussing this63 people are discussing thisDiscuss·702 likes·18.9K readsebookWow really inspiring story! I didn't even realise this all started because of maternity leave. You are a legend! Much more to come from you, i'm sure of it! 👏 5
Femme Frøyafemmefroya.hashnode.net·May 11, 2021FeaturedCSS FlexboxThe CSS Flexible Box Module, or Flexbox, is a modern, one-dimensional layout model that provides an efficient way to align and distribute space among items in a container. It's "flex" because: Of its capability to do so even when the size of these ...Syed Fazle Rahman and 8 others are discussing this9 people are discussing thisDiscuss·114 likes·1.5K readsflexbox
Alyssa Hollandalyssahollandblog.hashnode.net·Aug 11, 2020FeaturedFlexbox OverviewThe Purpose: The Flexible Box Layout Module, makes it easier to design a flexible responsive layout structure without using float or positioning. It's a more efficient way to layout, align, and distribute space among items in a container. /* This cre...Syed Fazle Rahman and 4 others are discussing this5 people are discussing thisDiscuss·79 likes·652 readsCSSLoved those Sandbox examples Alyssa. Codepen wouldn't have cut it. Awesome article. Definitely saving it for a re-read. 11
Subham Sahasubhamsaha.hashnode.net·Apr 24, 2023CSS Layouts: Boost Web DesignI would like to draw your attention to the fact that we have previously covered CSS Selectors and the Box Model. Therefore, I suggest that we review these concepts before diving into CSS Layouts. By doing so, we can have a better understanding of the...DiscussCSS
Bhavika Mauryabhavikamaurya.hashnode.net·Apr 22, 2023CSS Flexbox: A Beginner's GuideFlexbox is a one-dimensional layout method for arranging items in rows or columns. Items flex (expand) to fill additional space or shrink to fit into smaller spaces. This article explains all the fundamentals. Flex Container The Flex container is the...DiscussCSS
Utkarsh Krishnautkarshkrishna.hashnode.net·Apr 20, 2023CSS Made Simple: An Introduction to Flexbox and GridPrologue CSS offers two contemporary layout models, Flexbox and Grid, which enable developers to design intricate and adaptive web layouts without resorting to obsolete techniques like tables. These models are highly flexible and robust, providing a ...Discuss·30 likes·80 readsCSS3
Prabhat Kumar Saraswatprabhat1001.hashnode.net·Apr 21, 2023CSS Flexbox: Your Secret Weapon for Stunning WebsitesHello there! Have you ever heard of Flexbox before? If not, don't worry at all! I'm here to help you learn all about it in a fun and easy way. By the end of this blog, you'll be a pro at using Flexbox for your web designs. So sit back, relax, and le...Discussflexbox
Nyashagupta-codenyasha.hashnode.net·Apr 20, 2023Flex-box Froggy Answers.FLEXBOX FROGGY GAME Level 1 justify-content: flex-end; Level 2 justify-content:center; Level 3 justify-content:space-around; Level 4 it needs space in between, the padding on left-right not needed like Level 3 justify-content:space-between; Lev...Discussflexbox
Kumar Sagarsagaricious.hashnode.net·Apr 16, 2023Flex and Flex boxHere are few of the important elements/tags in css for flex and flex-items flex-grow: A number specifying how much the item will grow relative to the rest of the flexible items flex-shrink: A number specifying how much the item will shrink relative t...Discussflexbox
Devyanshdevbytes.hashnode.net·Apr 14, 2023Flexbox and Grid in CSSThese two properties are the most common properties used in CSS, especially Flexbox. It has multiple functionalities to manipulate the parent container as well as child elements. Flexbox is good for one parent container whereas Grid is best for multi...DiscussHTML5
Nyashagupta-codenyasha.hashnode.net·Apr 13, 2023FLEXBOX CheatSheetFlex-box in CSS offers space distribution between items in an interface and powerful alignment capabilities.Below are a few important flexbox properties we'll discuss in this blog. justify-content align-items flex-direction order align-self f...Discuss·10 likes·27 readscss flexbox
Depayan Mondaldepayan.hashnode.net·Apr 13, 2023A quick look at CSS Flexbox propertiesThe CSS Flexbox (Flexible Box) layout allows us to align, allocate and distribute different elements within a certain available space.Once display:flex is assigned to an element, the parent becomes the 'flex-container' and the elements within that pa...Discuss·1 like·110 readsCSS
David JajaforOpen Replay's Technical Blogopenreplay.hashnode.net·Apr 12, 2023CSS Flexbox vs. CSS GridCSS Flexbox and CSS Grid are two favored technologies developers use to create responsive and appealing web layouts. These methods have become the go-to solution for building scalable and flexible designs. But, deciding which one to use can be challe...Discuss·47 readsCSS