Aligning floating elements

When working with floating elements and the float property , it is quite common to encounter the pro...

Creating a navigation bar

The navigation bar plays an important role on the site, as it provides transitions between pages of ...

Display Property

In addition to the property float that allows you to change the position of an element, CSS has anot...

Column height alignment

With block layouts, we can run into a column-height problem, which can be especially pronounced if f...

Nested floating blocks

Often there is a situation when wrapping is also applied to elements nested in a wrapping block. For...

Block layout. Part 2

In the last topic, the creation of a page with two columns was considered. Similarly, we can add mor...

Block layout. Part 1

As a rule, a web page consists of many different elements, which can have a complex structure. There...

Styling the details element

Let’s look at some styling options for the details element that represents the expandable bloc...

Radial Gradient

Radial gradients, unlike linear ones, propagate from the center outward in a circular pattern. To cr...

linear gradient

Gradients represent a smooth transition from one color to another. CSS3 has a number of built-in gra...