Gulp-webp doesn't want to work?

S

Shamil Gregorin2021-01-05 19:41:16

css

Shamil Gregorin, 2021-01-05 19:41:16

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="stylesheet" href="style.min.css">
  <title>Document</title>
</head>
<body>
  <div class="content">
    <div class="title">
      <div class="contener">
        <div class="title_row1">
          <li class="burger1">ABOUT US</li>
          <li class="burger2">.</li>
          <li class="burger3">WORK</li>
        </div>
        <div class="title_row2">
          <img src="img/icons/Logo-4.png" class="Logo">
        </div>
        <div class="title_row3">
          <li class="burger4">SHOP</li>
          <li class="burger5">.</li>
          <li class="burger6">CONTACT</li>
        </div>
      </div>
    </div>
    <div class="body-content">
      <div class="text_1">
        <div class="contener_2">
          <div class="boy_row1">
            <img src="img/icons/Icon-4.png" class="chain">
          </div>
          <div class="boy_row2">
            <div class="title">
              A NEW GENERATION OF VINTAGE BIKE
            </div>
            <div class="text">
              Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. 
            </div>
          </div>
        </div>
        </div>
        <div class="Layer_2">
        <div class="contener_3">
          <div class="boy_row3">
            <img src="img/Layer27.png" class="Layr_27">
          </div>
        
        <div class="boy_row4">
          <img src="img/icons/Icon-3.png" class="frame">
          <img src="img/icons/Logo-3.png" class="bicycle">
        </div>
        <div class="boy_row5">
          <div class="title">
            VINTAGE OLIVA
          </div>
          <div class="text_2">
            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived.
          </div>
          <img src="img/Layer11.png" class="seat">
        </div>
        </div>
        </div>
        <div class="Layer_3">
          <div class="contener_4">
            <div class="boy_row6">
              <div class="title">
                LA BORIOSA
              </div>
              <div class="text">
                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived.
              </div>
              <img src="img/Layer13.png" class="seatLaer3">
            </div>
            <div class="boy_row7">
              <img src="img/Layer12.png" class="bicycleLayer3">
              <img src="img/icons/Logo-2.png" class="Vintage">
            </div>
          </div>
        </div>
        <div class="Layer4">
          <div class="contener_5">
            <div class="boy_row8">
              <img src="img/Layer15.png" class="bicycleLayer4">
              <img src="img/icons/Logo-2.png" class="bicycleLogo">
            </div>
            <div class="boy_row9">
              <div class="title">
                RETRÒ BIKE - M. HULOT
              </div>
              <div class="text">
                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived.
              </div>
              <img src="img/Layer16.png" class="Mavic">
            </div>
            <div class="boy_row27">
              <img src="img/Layer14.png" class="bicycleLayer">
            </div>
          </div>
        </div>
        <div class="Layer_5">
          <div class="contener">
            <div class="boy_row11">
          <img src="img/icons/Icon.png" class="twitter">
            </div>
            <div class="boy_row12">
              <div class="title">
                AOD New York  @aod  /  35 min
              </div>
              <div class="text">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut tellus ac nulla semper rhoncus. Nullam a odio porttitor, dictum turpis vitae, pretium ante amet.
              </div>
            </div>
        </div>
        </div>
        <div class="Layer6">
          <div class="contener">
            <div class="photoKalage1">
              <div class="contener_photo1">
                <div class="Layer1_photokalage">
              <img src="img/Layer19.png" class="LayerPhoto1">
              <img src="img/Layer21.png" class="LayerPhoto_2">
              </div>
              <div class="Layer_photo2">
                <img src="img/Layer28.png" class="broks">
              </div>
            </div>
            </div>
            <div class="photoKalage2">
              <div class="contener_photo2">
                <div class="column1">
                <img src="img/Layer22.png" class="bagpack">
                </div>
                <div class="column2">
                  <img src="img/Layer25.png" class="side">
                </div>
              </div>
            </div>
            <div class="photoKalage3">
              <div class="contener_photo3">
                <div class="line1">
                  <img src="img/Img6.png" class="backround">
                </div>
                <div class="line2">
                  <div class="contener_photoLine2">
                    <div class="photo1">
                    <img src="img/Layer24.png" class="seat_footer">
                    </div>
                    <div class="photo2">
                      <img src="img/Layer26.png" class="bag">
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="button">
            <button class="discower">DISCOVER THE SHOP</button>
          </div>
          <div class="sqrech">
            <div class="contener">
              <div class="text-logo">
                <img src="img/icons/Logo.png" class="logo_footer">
              </div>
              <div class="input-button">
              <input type="text" class="email" placeholder="enter your email...">
              <button class="GO">
                GO
              </button>
              </div>
            </div>
          </div>
    </div>
    <div class="footer-content">
      <div class="info">
        <div class="contener">
          <div class="text-info">
            AOD New York
            2250 Lexington Avenue 
            New York, NY 10035  - [email protected]
          </div>
          <div class="cell-network">
            <div class="contener">
              <div class="twitter-footer">
                <img src="img/icons/Icon.png" class="twitter-icon">
              </div>
              <div class="fecbook-footer">
                <img src="img/icons/VectoFF SmartObject.png" class="facebook-icon">
              </div>
              <div class="pain-footer">
                <img src="img/icons/VectorSmartObject.png" class="pain-icon">
              </div>
            </div>
          </div>
          <div class="producshen">
            <div class="text">
              Handcrafted by
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>

[21:34:56] 'html' errored after 208 ms
[21:34:56] TypeError in plugin 'gulp-webp-css'
Message:
Cannot read property '0' of null
Details:
domainEmitter: [object Object]
domainThrown : false
[21:34:56] 'default' errored after 313 ms

Reply

Answer the question

In order to leave comments, you need to log in

5 answer(s)

R

Roma Karvackyy, 2021-01-10
@romakarvacky

Don't leave an img tag without alt=""

S

Sergey, 2017-03-23
@Hando

I think it makes sense to typeset this naturally with blocks, if you are familiar with flexbox, then using them, as already mentioned above.
The table is not clear to me here. This is not typical tabular data. For me, the use of tables is appropriate when displaying textual information, that is, typical tables where data, sampling parameters can change, but not the structure itself. Immediately in the process of use, it is very likely that the structure of information display and design will change. Tables render worse, poor adaptation for mobile devices, etc. In general, tables should be made, ala prices in price lists, performance characteristics, and so on, and not interface elements.

E

Egor Zhivagin, 2017-03-23
@Krasnodar_etc

It is not very convenient to insert this content in the cells into the table. Also, is adaptability necessary?
It seems that if you have no idea what will happen next with this, it is better to use flex as the most adaptive / changeable solution
Flexes are not tables. At all. Here you can read, everything is extremely simply described.
If you are confused by the centering of content, then in flex it is even easier than in tables)

A

Ankhena, 2017-03-23
@Ankhena

If there is no adaptability and is not expected, then it is possible with tables.
If there is or is possible, then divas. display table or flex or inline blocks.

Y

Yahya, 2017-03-23
@gamma06

use flexbox frontender.info/a-guide-to-flexbox