display: flexが効かないです。

Question

記事を全て一列に並べたいのですが、
flexを使っても、縦並びになってしまいます。
どこに原因があるか、ご教授いただけますでしょうか？
よろしくお願い致します。

<section id="#NEW" class="newwrapper">

     <article>
      <img src="https://code-step.com/demo/html/blog/img/pickup1.jpg" alt="">
      </article>
     
     <article>
      <img src="https://code-step.com/demo/html/blog/img/pickup2.jpg" alt="">
      </article>
     
    <article>
      <img src="https://code-step.com/demo/html/blog/img/pickup3.jpg" alt="">
     </article>
     
     <a href="#" title="">READ MORE</a>


    </section> 

#NEW section {
    display: flex;
    flex-wrap:no-wrap;
    padding-top: 150px;
    margin-bottom: 60px;
}

#NEW article{
    width: 32%;
    }


#NEW img {
	max-width: 100%;
   

Answer 1

id="#NEW"

これだと「#NEWという名前のID」になります。
CSSで「#NEW」と指定した際は「NEWという名前のID」に対する指定です（クラスも考え方は同じ）

Comments

[MiraiJP]

ありがとうございます！
理解できました！

[m.ts10806]

理解は良いのですが、解決はされてませんか？