Aaksaaks.hashnode.dev·Oct 13, 2024Day 11: Diving Deeper into CSS—A Key Piece of My React JourneyAs I continue my 40-day React journey, day 11 has been slightly different. While building my project, I realized that I’ve been neglecting an important aspect of front-end development: CSS. While I did add some styling I wasn’t doing them on my own, ...Discussbasic tailwind
Surya Durgeshsuryatechie.hashnode.dev·Sep 25, 2024Getting Creative with CSS: Styling Your First Web PageCascading Style Sheets (CSS) bring life to web pages by allowing you to control the visual presentation of your HTML content. While HTML provides structure, CSS is what makes your web pages visually appealing and professional. In this guide, you'll l...DiscussCSS3
Prakash Dasprakshh.hashnode.dev·Sep 21, 2024Styling in React Native: Inline Styles vs Common Issues with NativeWind and Their FixesWhen working with React Native, developers have several options for styling their applications. One of the most common approaches is using inline styles with JavaScript objects, but frameworks like Tailwind CSS—or more specifically, NativeWind for Re...DiscussReact Native
Shams Nahidblog.shams-nahid.com·Sep 13, 2024Understanding the Common "display" Property Values in CSSIn CSS, display is one of the most used CSS properties. As a value of display property, most commons are none, block, inline, inline-block and flex. Additionally, in different cases, grid, table, table-row, table-cell and list-item are used. Responsi...DiscussNode.js & JavaScriptCSS
Shams Nahidblog.shams-nahid.com·Sep 13, 2024Understanding CSS Box ModelOverview Box models are the core concept of CSS. We can define box models, Rectangular Box Generated for the elements Reside in the document tree Each of the CSS models has a content area along with the possible optional surroundings, Padding ...DiscussNode.js & JavaScriptCSS
Dinko Marinacdinkomarinac.dev·Jul 15, 2024Flutter Design Systems: Exploring Modern Alternatives to Material DesignIntroduction Design systems are essential frameworks that ensure consistency and coherence in application development, providing a unified language for designers and developers. They encompass guidelines, components, and tools that streamline the des...Discuss·4 likes·2.8K readsUX
Cindy Kandiecindykandie.hashnode.dev·Jul 5, 2024Why and How to Use Box-Sizing: 'Border-Box' in Your CSS LayoutsWhen working with CSS, one of the most crucial yet often misunderstood properties is box-sizing. This property plays a significant role in how elements are sized and can make the difference between a layout that behaves as expected and one that doesn...DiscussCSS3
Rohan Shrivastavarohanblogs.hashnode.dev·Jun 17, 2024Why Canva Stands Out: In the Design WorldIn the digital age, where visual content reigns supreme, having a powerful yet user-friendly design tool is essential. Enter Canva—a versatile graphic design platform that empowers everyone from novice creators to professional designers to craft stu...Discusscanva
Jalaj Singhaljalajsinghal3.hashnode.dev·Jun 5, 2024CSS Float PropertyToday we are going to discuss another important thing which we use to see in our school times in the books. This is the property in which the content of the image is placed in left or right direction. Using this property, we can change the direction ...Discussimage placement
CODEWITHG.COMguillaumeduhan.hashnode.dev·Jun 2, 2024I wrote a comprehensive Guide to style React AppsStyling in React can be approached in various ways, each with its own advantages and use cases. Here, we'll explore several methods to style React components effectively, including examples and best practices. 💡 If you enjoy this article, please ch...Discuss·1 likeCSS