やすまんの技術ブログ

駆け出しエンジニアが日々学んだこと、わからなかったことなどをまとめておくブログ。忘備録としても使います。

css

要素を隠す方法

css

結論 display: none を使用する。 display:noneを使用することで、親要素であるイメージのアイコンの下にあるファイルを選択という子要素を隠すことができる。 メルカリなど大規模なサイトでもだいたい使われているので覚えておく!

aタグの装飾方法

css

aタグの装飾方法 結論 aタグは別でクラスを作って装飾をする。 やり方 haml ul.side-bar__top-items__icon =link_to("#####", class: "side__btn side__btn--edit") do = icon('fas', 'cog', class: "side__btn--icon") scss .side-bar__top-items__icon { c…

要素を横並びにしたいときは

css

結論 flex boxというレイアウト方法を使用する 使い方 横並びにしたい子要素の親要素にdisplay: flexと入力する。 子要素に横幅や要素間の隙間などを記載する。