Контакты

Достижения

Все достижения (12)

Наибольший вклад в теги

Все теги (51)

Лучшие ответы пользователя

Все ответы (43)
  • Flexbox - количество элементов в строке?

    bogdan_uman
    @bogdan_uman
    шлЫмазл неукЪ-поцЪ
    SLIM:

    .main
          .child
          .child
          .child
          .child
          .child


    CSS:
    .main {
      background-color: #e1e1e1;
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
    }
    
    .child {
      margin: 5px;
      background-color: green;
      height: 20px;
      width: 30%;
    }


    Результат:

    78d38c90624f42a2964e9e6e16fe3960.png
    Ответ написан
    Комментировать
  • Как выйти за пределы container?

    bogdan_uman
    @bogdan_uman
    шлЫмазл неукЪ-поцЪ
    Ну вот на коленке написал
    CSS
    * {
      box-sizing: border-box;
    }
    
    .outher {
      margin: 30px;
      border: 2px solid #ccc;
      height: calc(100vh - 60px);
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    
    .inner {
      background-color: green;
      flex-basis: 70px;
      margin: -40px;
    }


    SLIM
    doctype html
    html
      head
        title Slim Examples
        meta name="keywords" content="template language"
        link rel="stylesheet" href="table_image.css" 
      body
        .outher
          .inner


    Результат
    87433b0419d0448d82f0f8a0919586c0.png
    Ответ написан
    1 комментарий
  • Как сверстать 2 одинаковые по ширине колонки?

    bogdan_uman
    @bogdan_uman
    шлЫмазл неукЪ-поцЪ
    На коленке набросал

    CSS
    body {
      display: flex;
      flex-direction: column;
    }
    
    .header, .footer {
      height: 50px;
      background-color: #ccc;
      text-align: center;
    }
    
    .header {
      margin-bottom: 10px;
    }
    
    .footer {
      margin-top: 10px;
    }
    
    
    .clm_main {
      display: flex;
      flex-direction: row;
    }
    
    .clm {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      flex-grow: 1;
    }
    
    .clm:first-child {
      margin-right: 10px;
    }
    
    .block {
      flex-grow: 1;
      min-height: 50px;
      background-color: #eee;
      border: 1px solid black;
      text-align: center;
    }
    
    .block:not(:last-child) {
      margin-bottom: 10px;
    }


    SLIM
    doctype html
    html
      head
        title Slim Examples
        meta name="keywords" content="template language"
        link rel="stylesheet" href="block.css" 
      body
      .header
        | header
      .clm_main
        .clm
          .block
            | Block 1
          .block
            | Block 4
          .block
            | Block 6
        .clm
          .block
            | Block 2
          .block
            | Block 3
          .block
            | Block 5
          .block
            | Block 7
      .footer  
        | footer


    На выходе резиновый контент
    1bb87f9dae9f4f7281271655344361aa.png
    Ответ написан
    Комментировать
  • Как добраться до базы данных?

    bogdan_uman
    @bogdan_uman
    шлЫмазл неукЪ-поцЪ
    Ну как-бы рельсы не запускают сервер для БД, а только конектятся, настройки которые делаются с файле "config/database.yml". В SQlite нету сервера, вот что пишет вики
    то есть движок SQLite не является отдельно работающим процессом, с которым взаимодействует программа, а предоставляет библиотеку, с которой программа компонуется, и движок становится составной частью программы.
    Ответ написан
    Комментировать
  • Ошибка при async await?

    bogdan_uman
    @bogdan_uman Автор вопроса
    шлЫмазл неукЪ-поцЪ
    Погуглил и нашел решение
    yarn add babel-preset-es2017 --dev

    .bablerc
    {
      "presets": [
        "es2017",
        "stage-3"
      ],
      "plugins": [ "syntax-dynamic-import" ]
    }
    Ответ написан
    2 комментария

Лучшие вопросы пользователя

Все вопросы (365)