【長期インターン】SomaのWEBページ模写とレスポンシブの壁

こんにちは！ガーディアン社長室所属WEBプログラマーコース長期インターン生の金丸颯真です。

写真は前回の菅原さんの活動日記に触発されて、ラーメン屋さんに行ったときに撮った写真です。
一部地域のみで展開されているチェーン店ですが皆さんも見かけた際には行ってみてください！

本日も前回までと同じく、OWLetを用いてWEBページの模写を行いました！

いろいろと調べながら、少しずつパーツも出来上がってきており、なんとなくの形は出来上がってきました。

しかし、そのパーツを実際にページにあてはめてみると形が若干崩れてしまっていたり、微妙に例と異なっていたり、リンクの設定にミスがあり、リンクボタンを押した瞬間にページのCSSがすべて崩れてしまうアクシデントもあったりと、完璧な模写にはもう少し時間がかかりそうです。

原因がどこにあるのかを一つずつ確認していく作業は地道ですが、直った瞬間はやはりうれしいです。

さらにPCで見る場合とスマホで見る場合で異なるCSSを書く必要があり、普段何気なくみるWEBサイトの裏には様々な工夫がなされているんだなぁ、と改めて感じました。

引き続き、模写を頑張って進めていきます！

実際にコードを書くことに興味がある方！
ガーディアンでは長期インターン生をまだまだ募集しております！
少しでも興味のある方は下記リンクからチェックしてみてください！

👇

長期インターン応募に応募する

他の長期インターン生の活動日記を読む