Code - Cheat Sheet

Monday, May 11, 2020

Flex Module - CSS AND HTML - exercise

HTML
<ul class="flex-container flex-start">
  <li class="flex-item">1</li>
  <li class="flex-item">2</li>
  <li class="flex-item">3</li>
  <li class="flex-item">4</li>
  <li class="flex-item">5</li>

CSS
.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}



Practice:

<ul class="flex-container flex-start">
<li class="flex-item">1</li
<li class=flex-item">2</li
<li class=flex-item">3<li
<li class=flex-item">4<li

<ul class="flex container flex-start"

<li class= flex-item>1</li>

No comments:

Post a Comment

Panels

Panels are the items at the right side of the Photoshop window that can display layer information and text options SOURCE: https://www...