CSS Grid Layout

Yaswanth Varma
Updated on 08-Jan-2024 14:55:32

602 Views

In the early days of web development, developers had to use a variety of tricks and workarounds to arrange elements on the screen in a way that produced results that were consistent across different browsers. However, these days almost everyone uses CSS's most popular layout tools—FlexBox and the Grid. One of the best grid-based websites is Reebok. In this article we are going to learn about the CSS grid layout. CSS Grid Layout A two-dimensional layout approach called CSS Grid Layout allows you to arrange content in rows and columns. It takes a top-down approach to layout, permits explicit item ... Read More

CSS Flexbox Layout Module

Yaswanth Varma
Updated on 08-Jan-2024 14:53:56

207 Views

Even though CSS was designed to handle styling, web developers have always had a special issue when developing remarkable layouts, which nearly always requires the use of JavaScript. But Flexbox is here to make that different. For getting better understanding on the CSS flexbox layout module, let's dive into the article. CSS Flexbox Developers can design adaptable and flexible web page layouts with the help of the flexible property, which is an adaptable command. This property removes the need to define exact dimensions by allowing webpage elements to be sized and positioned relative to one another. Because it lets items ... Read More

CSS :first-letter pseudo-element

Yaswanth Varma
Updated on 08-Jan-2024 14:43:02

213 Views

For many years, drop caps have been utilized in print media to elegantly introduce the first letter of the opening paragraph in a section or chapter. Because they are applied to just one letter, these drop caps serve to attract the reader's attention. This is also a wonderful opportunity to utilize a highly styled font without detracting from the readability of the text. By using the::first-letter pseudo element and the new initial-letter property in CSS, it is possible to achieve the same drop cap effect. CSS ::first-letter pseudo element In a block-level container, the ::first-letter pseudo-element applies a style to ... Read More

Create rounded image with CSS

Yaswanth Varma
Updated on 08-Jan-2024 14:29:42

2K+ Views

Using CSS, we can build a visually attractive HTML document. Sometimes, when creating a web page, we want certain images or elements to have rounded corners. The CSS border-radius property is used in this situation. It can be used to draw attention to your website and make it stand out to visitors. CSS border-radius property An element's outer border edges can be rounded at the corners using the CSS border-radius property. There can be one, two, three, or four values in this property. The border-radius can be set using the border-radius property. When border-collapse is collapsing, this property does not ... Read More

Create blurred picture or text with CSS Filters

Yaswanth Varma
Updated on 08-Jan-2024 14:27:45

194 Views

Users find a website with a blurred background to be visually good-looking. But have you ever considered how this blur is made specifically? Well, it's quite easy. Let's look at how to use the CSS background blur property to do it. Using CSS filters to generate blurred effects on images or text is a common web development method to improve visual appeal or achieve certain design sensibilities. The rendering of items on a webpage can be altered, including blurring, with CSS filters. When using the CSS filter: blur() property on images, make necessary adjustments to the blur radius. For example, ... Read More

Create a Column Layout using CSS

Yaswanth Varma
Updated on 08-Jan-2024 14:26:29

207 Views

Web developers can organize and structure content in a visually good-looking way by utilizing CSS to create a column layout. Developers can define the number of columns by using the column-count property, while the column-gap property regulates the distance between them. This technique maximizes available space and improves readability, especially for webpages with a lot of text. A responsive and flexible layout that easily adjusts to different screen sizes and offers a consistent user experience across devices can be created by utilizing CSS rules. Gaining proficiency with column layouts improves a website's general usability and appearance, adding to its polished ... Read More

Change the padding of a button with CSS

Yaswanth Varma
Updated on 08-Jan-2024 14:23:04

3K+ Views

Button padding, as used in web development, describes the gap that exists between a button's text or icon and its edges. With CSS (Cascading Style Sheets), you can change a button's padding. The CSS padding property is used to add space to an element's border and surrounding area. Padding is essential since it is the innermost portion of the CSS box model that affects the element's spacing. The CSS box model contains the element's margin and border styles in addition to padding. The CSS padding is important to achieving the ideal balance between design aesthetics and functionality, which is essential ... Read More

Center links in a Navigation Bar with CSS

Yaswanth Varma
Updated on 08-Jan-2024 14:02:49

2K+ Views

One of the most crucial components of the website or application is the navbar. It usually sits at the top of your application and makes it simple for users to go to the most important areas or pages of your website or app. The major sections of your website are essentially linked from a navbar. These links are commonly known as navigation items, and you can choose to align them to the left, center, or right. Centering the Navigation Bar Depending on the HTML and CSS that you have already used to create it, centering the navbar might be both ... Read More

Indian Penal Code Sections Not Included in Bharatiya Nyaya Sanhita

Mukesh Kumar
Updated on 08-Jan-2024 13:52:02

71 Views

Bharatiya Nyaya Sanhita, 2023 is one of the newest legislations that came into existence by replacing the Indian Penal Code of 1860. On 11th of August, Ministry of Home Affairs has introduced the Bharatiya Nyaya Sanhita Bill in the Lok Sabha (Lower House) that finally passed by Lok Sabha on 20th of December, 2023 and also by Rajya Sabha same day i.e. on 20th of December, 2023. Subsequently, on 25th of December, 2023, Hon’ble President Droupadi Murmu has also signed the Bill and it became an Act. The BNS is thoroughly revised form of the Indian Penal Code with ... Read More

Sections in Bharatiya Nyaya Sanhita Not Present in the Indian Penal Code

Mukesh Kumar
Updated on 08-Jan-2024 13:47:30

25 Views

The Bharatiya Nyaya Sanhita (BNS) Bill that was primarily introduced on 11th of August, 2023, finally became full-fledged law, as the President signed (the bill) on 25th of December, 2023. The BNS, which is thoroughly revised form of existing Indian Penal Code of 1860, has deleted some of the non-relevant provisions, some provisions amended, and as per the requirements of the present society, some (entirely) new provisions are also inserted. Sections in Bharatiya Nyaya Sanhita that were Not Present in the Indian Penal Code The Bharatiya Nyaya Sanhita, 2023, included some new sections, which address contemporary challenges ... Read More

Advertisements