Front End, HTML/CSS, Uncategorized

Flexbox CSS Part (5) || align-itmes: baseline

  • The css flexbox makes it easier to design flexible responsive layout structure without using float or positioning.
  • The align-items property specifies the default alignment for items inside the flexible container.
  • align items values are: – stretch (default) – flex-start – flex-end – center – baseline

Continue reading “Flexbox CSS Part (5) || align-itmes: baseline”

Front End, HTML/CSS, Uncategorized

Flexbox CSS – Part (4) || align-items

  • The css flexbox makes it easier to design flexible responsive layout structure without using float or positioning.
  • The align-items property specifies the default alignment for items inside the flexible container.
  • align items values are: – stretch (default) – flex-start – flex-end – center – baseline

Continue reading “Flexbox CSS – Part (4) || align-items”

Front End, HTML/CSS, Uncategorized

Flexbox CSS Part (1) – display, flex-direction, justify-content

  • The flexible box makes it easier to design flexible responsive layout structure without using float or positioning.
  • The parent container should take flex display property, display:flex.
  • flex-direction: to define the stack of the flex items.
  • flext direction could be: row, row-reverse, column, column-reverse.
    1. Row: the default (LTR).
    2. Row-reverse: (RTL).
    3. column: Top to bottom (TTB).
    4. column-reverse: (BTT).

Continue reading “Flexbox CSS Part (1) – display, flex-direction, justify-content”

Front End, HTML/CSS, IT, Uncategorized

Basic Use for FontAwsome V5

Basic Use for FontAwsome V5

  •  Download the free version.
  • Grab & move the CSS file ontawesome-all.css- and web fonts folder into your project
  • Reference the CSS in the head tag
  • Search for the icon, get its class and int it in your code.

 

Related Posts:

Simple Search Form

CSS Class and ID Simple Exercise with Solution

Simple Navbar with Dropdown List & Nice Transition

HTML5 Forms for Beginners