Leilan Naleilan.hashnode.dev·Mar 9, 2024Bento Responsive Grid Design with CSS GridFirst creating a container element that will serve as our grid container. Inside, we'll have items named item1,item2 and... . <div class="container"> <div class="item item1">item1</div> <div class="item item2">item2</div> <div c...Discuss·2 likes·34 readsbento grid
md3bmmd3bm.hashnode.dev·Feb 7, 2024Mastering Responsive Typography: Best Practices of the CSS SASS MixinIn today's digital landscape, responsive design has become a fundamental aspect of web development. Ensuring that our websites adapt seamlessly to different screen sizes and devices is crucial for delivering an optimal user experience. One key elemen...DiscussCSS
Ugbuku Oghale Michelledevmichelle.hashnode.dev·Jan 26, 2024What I learnt this week: Thinking responsively✓ Making your webpage fit into any screen size is one of the very important jobs of a web developer. If a webpage developed is not made to be responsive to different screen sizes, it causes a whole lot of weirdness to the view in other sized screens....Discusswebdev
AM0z.hashnode.dev·Dec 13, 2023📝 The Ultimate Media Query GuideIn this guide, We are going to Learn Media Query in CSS Which is important topic for Today’s world. Because more than 50% users use Mobile phones to Visit websites. So There is no reason to not learn Media Query. Let’s dive into Media Query. Table of...Discussmedia queries
Boyd TimmermanProbtimmerman.hashnode.dev·Dec 1, 2023Arranging Oracle APEX items & buttonsAPEX uses the 12 columns grid layout system for arranging components on a page. Sometimes this grid layout isn't sufficient when you're aligning components, especially when working with an odd number of components. This article will guide you through...Discuss·1 like·156 reads#oracle-apex
Michael Salammichaelsalam.hashnode.dev·Oct 7, 2023The Best Approach to Website Responsiveness (Stop Abusing Media Queries)If you're familiar with the concept of responsive web design, you would have inevitably made use of media queries. However, without the right approach, media queries can easily be abused. Beyond understanding media queries for responsive design, appr...Discuss·3 likes·91 readsWeb Development
Asfak Ahmedasfakahmedsblog.hashnode.dev·Sep 4, 2023Responsive ( all core concept ) Part 4 - Why it's a good idea to avoid heightsহ্যালো সবাইকে, এর আগের পর্বে আমরা জেনেছি পার্সেন্টেজ এবং ফিক্সড উইথ এর ব্যবহার। এই পড়বে আমরা জানবো ফিক্সড হাইট অ্যাভয়েড করা কেন ভালো। ফিক্সট হাইট ফিক্সট হাইট বলতে আমরা যখন আমাদের কোন সেকশনের অথবা কোন এলিমেন্টের হাইট px অথবা rem/em এর মাধ্যমে দিয়ে ...Discuss·91 reads2Articles1Week
Asfak Ahmedasfakahmedsblog.hashnode.dev·Sep 2, 2023Responsive ( all core concept ) part 2 - Percentage vs Fixed widthস্বাগতম আপনাকে দ্বিতীয় পর্বে ( প্রথম পর্ব আমার আইডিতে আছে অথবা নিচে সাজেস্ট করতে পারে )। এই পর্বে আমরা পারসেন্টেজ এবং ফিক্সড উইথের মধ্যে পার্থক্যটা দেখব। উইথ কিন্তু আমাদের রেস্পন্সিবল ওয়েবসাইট এর একটা মৌলিক বিষয়। কারন আমরা প্রত্যেকটি জায়গার বা সে...Discuss·1 like·138 readsResponsive Web Design
Prithviraj singh Thakurprithviraj.hashnode.dev·Nov 23, 2022What is Grid and Media Query in CSSMedia Query: Media query is used to create a responsive webdesign across all screen size. The basic syntax of media query is. @media media-type (media-feature){ /*Styles go here*/ } Media Queries Examples. The following example change the bac...Discuss·44 readsgrid
Gulshan Yadavyadavgulshan.hashnode.dev·Oct 18, 2021React: Zero to heroIntroduction 🤭 Hey Guys, It's Gulshan again with another article. In this article, we will be going through some basics of react and its file structure. It is the chapter 1 of my react series. I hope you'll love to learn by following my articles. W...Discuss·11 likes·114 readsReact