Yuliia Nikitinanikitina.hashnode.net·Dec 7, 2020How to make a chart dashboard using JavaScript: election editionThe election in the United States is over, but you can still find a huge amount of statistics on this topic on the Internet. I also found it quite interesting, so it gave me the idea to show how you can integrate different JavaScript libraries to vis...Discuss·75 likes·233 readsJavaScript
Chris Bongersdaily-dev-tips.hashnode.net·Jan 6, 2021A letter to my future self 💌This is going to be an experiment, a letter to my future self! Why? you might ask? Thinking ahead how your life will look like in a years time Nostalgia, imagine you reading this letter a year from now and reliving the past A gift! The smile on your...Tapas Adhikary and 5 others are discussing this6 people are discussing thisDiscuss·69 likes·608 readspersonalThis is so beautifully written. ✌ Your future self will be proud of yourself. 3
Okoro Alvin Uchennaalvinuchenna.hashnode.net·Sep 6, 2020Create a Responsive Grid without Media QueriesHello CSS grid lovers, today I'll be showing you how to easily create a responsive grid using minmax() and min() without creating media queries. CSS Grid no doubt is the most powerful layout system for 2 dimensional complex pages. CSS Grid can do mor...Discuss·32 likes·255 readsCSS3
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
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
Bhavika Mauryabhavikamaurya.hashnode.net·Apr 21, 2023CSS GridIntroduction CSS Grid is a powerful layout system that allows you to create complex, responsive layouts with ease. It is a two-dimensional grid-based layout system that enables you to create complex layouts by dividing a page into rows and columns. Y...DiscussCSS
Depayan Mondaldepayan.hashnode.net·Apr 19, 2023CSS #Grid#Grids are two dimensional and you can place things on them vertically and horizontally simultaneously. Creating a Grid creating a grid starts in the HTML. we need a container and some items inside of it. The container is a div with the class of conta...Discuss·2 likesCSS
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
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
Aremu Olakunle Umarucolthedeveloper.hashnode.net·Mar 27, 2023How to Center a Div with Flex box and CSS GridCentering a div is one of the things that developers who just started learning/using CSS struggled with. I also had the same problem when I was learning CSS, not until I google it that I realise how easy it is to center a div. We will be looking at h...Discuss·14 likes·93 readsDIV
David Sudisudidavid.hashnode.net·Mar 23, 2023Respond to Me: The Art of Making Responsive WebsitesTo provide a satisfactory browsing experience to most global netizens, developers must ensure that their websites are user-friendly, easily accessible, and adaptable to various devices and screen dimensions. How can developers achieve this seemingly ...Discuss·1 likeFrontend Development
Sanilsanil.hashnode.net·Mar 8, 2023Flexbox vs GridIn this article, we have explored the differences between two important CSS layouts namely Flexbox and Grid in depth. Table of contents: Grid Flexbox One Vs. Two Dimension Content-First Vs. Layout-First When to use Flexbox and Grid? Conclusion ...Discussflexbox
Aman's Blogamansagar.hashnode.net·Mar 5, 2023Alternatives of FLEXBOX In CSS3Although Flexbox is a powerful tool for creating responsive layouts, it's not always the best choice for every layout situation. Depending on your design needs, there are a few alternatives to Flexbox that you might want to consider: CSS Grid: CSS G...Discuss·1 likegrid
