• Работа функции?

    @Romario5891 Автор вопроса
    Да, все понятно. Не внимательный просто(
    Написано
  • Почему не изменяется массив?

    @Romario5891 Автор вопроса
    James026, Да, увидел. Спасибо)))
    Написано
  • Работа с блоками?

    @Romario5891 Автор вопроса
    Антон Литвиненко, Спасибо, это я где-то тупанул))
    Написано
  • Работа с блоками?

    @Romario5891 Автор вопроса
    Alex,
    <ul class="personal__inform">
                        <li class="personal__status ">
                            
                            <p class="personal__descr">Buyer Power <br> $15.546 </p>
                            
                        </li>
                        <li class="personal__status "> 
                            
                            <p class="personal__descr">Watchlist <br>12</p>
                            
                        </li>
                        <li class="personal__status"> 
                            
                            <p class="personal__descr">Bids Status <br>0   1 </p>
                        </li>
                        <li class="personal__status"> 
                            
                            <p class="personal__descr ">Hello, <span> Jonh</span></p>
                           
                        </li>
                    </ul>

    Вот это самый оптимальный из моих вариантов. Я пытался ставить тег с классом для стилизации сразу после тега
    но текст начинает смещаться. Пробовал на блоки разбивать, например имя в один, цифры в другой , но тоже все смещается. Пробовал флексами, тоже нифига. Может я что-то просто не так делаю?
    Написано
  • Работа с блоками?

    @Romario5891 Автор вопроса
    Максим Ленский, Да) Спасибо
    Написано
  • Работа с блоками?

    @Romario5891 Автор вопроса
    реализовать нужно используя только HTML и CSS
    Написано
  • Позиционирование блоков?

    @Romario5891 Автор вопроса
    valgerofficial, блин тупонул что не нажал на вашу ссылку))) Сори, спасибо за ответ
    Написано
  • Позиционирование блоков?

    @Romario5891 Автор вопроса
    Вы предлагаете сделать для этих блоков какую-то обертку, дать ей значение display: flex;
    justify-content: space-between, а затем второму блоку align-self? Я правильно вас понял?
    Написано
  • Проблема с псевдокласами?

    @Romario5891 Автор вопроса
    Юрий, Ну вот теперь-то точно со всем разобрался, спасибо
    Написано
  • Проблема с псевдокласами?

    @Romario5891 Автор вопроса
    Юрий, В примере, который вы написали, элементарно попробуйте вместо .name:last-child задайте другое значение .name:first-child и увидите что получилось
    Написано
  • Проблема с псевдокласами?

    @Romario5891 Автор вопроса
    Юрий, или дайте свою электронку я вам вышлю все полностью. Просто уже кучу времени потратил на выяснение, а ответа так и не нашел(
    Написано
  • Проблема с псевдокласами?

    @Romario5891 Автор вопроса
    Юрий, Как закинуть полностью весь проект на codepen или JSFiddle чтобы вы могли просмотреть?
    Написано
  • Проблема с псевдокласами?

    @Romario5891 Автор вопроса
    Юрий, В том то и дело что даже в самых простых вариантах эти псевдоклассы не работают как нужно, у меня есть подозрение что все это из-за каких-то настроек сбросов стилей самого bootstrap. Пока им не пользовался, пока и проблем таких не было(((
    Написано
  • Проблема с псевдокласами?

    @Romario5891 Автор вопроса
    <div class="team-descr">
                              <h3>Bradley Hunter</h3>
                             <p class="name">Based in Chicago. I love playing tennis and loud music</p>
                             <p class="name">Based in Chicago. I love playing tennis and loud music</p>
                             <p class="name">Based in Chicago. I love playing tennis and loud music</p>
                             <p class="name">Based in Chicago. I love playing tennis and loud music</p>
                             <p class="name">Based in Chicago. I love playing tennis and loud music</p>
                             <p class="name">Based in Chicago. I love playing tennis and loud music</p>
                             <p class="name">Based in Chicago. I love playing tennis and loud music</p>
                             <p class="name">Based in Chicago. I love playing tennis and loud music</p>
                             <p class="name">Based in Chicago. I love playing tennis and loud music</p>
                             <p class="name">Based in Chicago. I love playing tennis and loud music</p>
                            </div>
    Написано
  • Проблема с псевдокласами?

    @Romario5891 Автор вопроса
    Юрий, это все логично, но я решил проверить все это по другому. Я сделал вот так

    Bradley Hunter
    Based in Chicago. I love playing tennis and loud music
    Based in Chicago. I love playing tennis and loud music
    Based in Chicago. I love playing tennis and loud music
    Based in Chicago. I love playing tennis and loud music
    Based in Chicago. I love playing tennis and loud music
    Based in Chicago. I love playing tennis and loud music
    Based in Chicago. I love playing tennis and loud music
    Based in Chicago. I love playing tennis and loud music
    Based in Chicago. I love playing tennis and loud music
    Based in Chicago. I love playing tennis and loud music


    Я для всех class="name" сделлал то же самое, дал margin-bottom:30px, а для .name:last-child{
    margin-bottom:}. После этого margin-bottom у всех элементов стал "0" Почему так?
    Написано
  • Проблема с псевдокласами?

    @Romario5891 Автор вопроса
    Спасибо
    Написано
  • Проблема с псевдокласами?

    @Romario5891 Автор вопроса
    А вот margin-bottom я давал team-descr. Соответственно у последнего через псевдоклас last-child я хотел его убрать, но margin-bottom исчез у всех блоков с класом team-descr.
    Написано
  • Проблема с псевдокласами?

    @Romario5891 Автор вопроса
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
        <link rel="stylesheet" href="css/styles.css">
        <title>Module-9</title>
    </head>
    <body>
        <div  class="wrapper">
    <!--HEADER-->
        <header class="header">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12 ">
                        <div class="top">
                            <p class="rightside">Log in <span class="sign">Sign up</span></p>
                     
                            <p class="leftside" >urlaubsgluck</p>
                        </div>
                    </div>
                    <div class="col-sm-12 ">
                         <h1>share your <br> holiday dreams</h1>
                         <p class="find-partner">And find the perfect partner to fullfill it</p>
                        <a class="find" href="#">Find your holiday partner</a>
                    </div>
                </div>
            </div>
        </header>
    
        <!--SECTION-->
        <section class="section">
            <div class="container">
                <div class="row">
                    
                    <div class="col-12">
                        <h2>Meet a partner for your best holiday</h2>
                    </div>
                    <div class="col-12 col-md-6 order-md-1 col-lg-3 order-lg-1" >
                      <div class=" team-member order-">  
                        <div class="team team-first">
                             <img src="img/Layer 1.png">
                                <i class="icon shape1"></i>
                                <i class="icon picture1"></i>
                            </div>
                            <div class="team-descr">
                              <h3>Bradley Hunter</h3>
                             <p>Based in Chicago. I love playing tennis and loud music</p>
                            </div>
                        </div>      
                    </div>
                    <div class="col-12 col-md-6 order-md-3 col-lg-3 order-lg-2" >
                        <div class="team-member o">    
                            <div class="team team-first">
                                  <img src="img/Layer 2.png">
                                  <i class="icon shape2"></i>
                                  <i class="icon picture2"></i>
                              </div>
                              <div class="team-descr">
                                  <h3>Lucas Marsha</h3>
                                  <p>I get my inspiration from nature and objects around me. I have passion to colours, typography and skatebords.</p>
                              </div>
                            </div>
                        </div>    
                    <div class="col-12 col-md-6 order-md-2 col-lg-3 order-lg-3">
                        <div class="team-member three">
                                <div class="team team-first">
                                    <img src="img/Layer 3.png">
                                    <i class="icon shape3"></i>
                                    <i class="icon picture3"></i>
                                </div>
                                <div class="team-descr">
                                    <h3>Heather Walker</h3>
                                    <p>I am happy perrson that loves cats and climbing mountain</p>
                                </div>
                        </div>        
                    </div>
                    <div class="col-12 col-md-6 order-md-4 col-lg-3 order-lg-4">
                        <div class="team-member four">     
                             <div class="team team-first">
                                  <img src="img/Layer 4.png">
                                  <i class="icon shape4"></i>
                                  <i class="icon picture4"></i>
                              </div>
                              <div class="team-descr last">
                                  <h3>Bradley Hunter</h3>
                                  <p>Based in Chicago. I love playing tennis and loud music</p>
                              </div>
                        </div>  
                    </div>
                </div>
            </div>
        </section>
    
        <!--FOOTER-->
        <footer class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <a href="#" class="button">See other partners</a>
                    </div>
                </div>
            </div>
        </footer>
        </div>
    </body>
    </html>
    Написано