⭐️cssをscssに変更する - sasakix10’s diary

◉application.cssをapplication.scssに変更し、application.scssからtop.scssを読み込む設定をしてください。

・app/assets/stylesheets/application.cssのapplication.cssはapplication.scssに直接ファイル名を変更するだけでscssに切り替わる。

@import '読み込むファイル名'
　  #違うディレクトリのscssファイルを読み込む場合はファイル名に/をつけて'javascripts/top'のようにする。

・require_treeを使うと同ディレクトリのcssファイルをすべて読みこんでしまうため、ファイルを読み込む順番が分からくなる。それを防ぐために、@importを使って必要なファイルのみ読み込む方がファイル管理を安全にできる。

◉<a></a>タグはlink_toに変更

<!-- BAD -->
<a href="/">Top</a>

<!-- GOOD -->
<%= link_to 'Top', root_path %>

◉logo.pngとsample.jpgが読み込まれるように画像のパスを適切に設定してください。

・<%= image_tag "読み込む画像名" %>

🟢総括
つまづいたこと
課題詳細の最後の
・application.cssをapplication.scssに変更し、application.scssからtop.scssを読み込む設定をしてください。
まで順調だったが、↑の課題で3時間以上かかってしまったけど、レイアウトの設定について勉強になったので次に生かしていきたい！💪🔥