Birinchi lobaratoriyada bir ikkta joyiga tushunmayapman.

Xan_Zo

New member
tarjimaga qulayroq, aniq bulmasa ham
 

Puma

New member
ingilizchalab manabu yerga nima yozilgan???
Manga kodizzi bermismi manda 7ta xato😄
15
16
HTML:
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="styles.css">
  <title>Meri</title>
</head>

<body>
  <div class="kontainer" id="container">
    <h1>Meri</h1>
    <img src="https://placekitten.com/300/300" alt="Meri">
    <div class="animal-info" id="card">
      <p class="fact" id="interesting-fact"> A kitten is a juvenile cat. After being born, kittens are totally dependent on their mother for survival and they do not normally open their eyes until after seven to ten days.
 
        <li>
          <span>Scientific Name</span>: Mammalia
        </li>
        <li>
          <span>Length</span>: 30 centimeters
        </li>
        <li>
          <span>Life</span>: 10-30 years
        </li>
        <li>
          <span>Lives</span>: Almost everywhere )
        </li>
        <li>
          <span>Main functions</span>: Likes to shit at home )))
        </li>
      <p class="text" id="summary">The cat is a small carnivorous mammal. They reach about 11 centimetres leght. It is the only domesticated species in the family Felidae and often referred to as the domestic cat to distinguish it from wild members of the family.The cat is either a house cat, a farm cat or a feral cat. the latter ranges freely and avoids human contact.</p>
    </div>
  </div>
</body>
 
</html>


CSS:
/* add your CSS here */
body {
    margin: auto;
    width: 50%;
  }
  h1 {
      font-family: Sans-serif;
      font-size: 38px;
      margin-top: 4px;
      margin-right: 4px;
      margin-bottom: 1px;
      margin-left: 10px;
     }
    
  .kontainer {
         margin: 1em;
         width: 320px;
         /*border: 0.5px solid rgba(81, 95, 83, 0.5);*/
         box-shadow: 0 5px 10px 0px rgb(132, 170, 196);
         padding: 0.5em;
         font-size: small;
     }
  .animal-info {
      border: 1px solid rgba(124, 119, 119, 0.3);
      margin-top: 0px;
      margin-right: 10px;
      margin-bottom: 5px;
      margin-left: 10px;
 
  }
  .fact {
      text-align: justify;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
      font-style: italic;
      font-family: Sans-serif;
 
  }
  img {
      padding-top: 4px;
      padding-right: 10px;
      padding-bottom: 10px;
      padding-left: 10px;
    }

    li{
      font-style: italic;
      font-family: Sans-serif;
      list-style: none;
      padding-left: 10px;
      list-style: none;
    }
    span {
      font-weight: bold;
      font-style: normal;
      padding: 1px;
    }
  .text {
      padding-left: 10px;
      font-family: Sans-serif;
  }
 

Azizaxon

New member
interesting-fact digi ma'lumotti o'zgartiring. clownfish haqidagi ma'lumotti o'zgartiring divotti.
card divda animal-info digan sing bo'lishi kere. css yengi animal-info classi oching.
image o'lchami 300px ga 300px dan oshmasligi kere, keyin ilojisi bo'sa rasmmi o'zgartiring
 
Вверх