第8天：學習響應式設計的基本原理，了解媒體查詢和彈性佈局，並實作範例

今天是我參加 IT 鐵人賽的第八天，我決定學習響應式設計的基本原理。響應式設計是一種設計方法，旨在使網頁在不同設備和屏幕尺寸上都能良好顯示，提供一致的用戶體驗。

一開始，我學習了響應式設計的基本概念。響應式設計的核心是使用 CSS 媒體查詢（media queries）來根據不同的屏幕尺寸和設備特性應用不同的樣式。我學習了如何使用 @media 規則來定義媒體查詢，並根據設備的寬度、高度、解析度等條件來設置不同的樣式。

再來，我學習了彈性佈局（flexbox）技術。彈性佈局是一種強大且靈活的佈局方式，可以讓我輕鬆地排列和對齊元素。我學習了如何使用 display: flex 屬性來啟用彈性佈局，並使用 justify-content、align-items 和 flex-direction 等屬性來控制元素的排列和對齊方式。

理解這些概念後，我開始實作一些範例來鞏固我的學習。我創建了一個響應式網頁，並使用媒體查詢來根據不同的屏幕尺寸應用不同的樣式。我還使用彈性佈局技術來排列和對齊網頁元素，確保它們在不同設備上都能良好顯示。

今天的學習讓我對響應式設計有了更深入的理解，並且能夠運用媒體查詢和彈性佈局技術來設計響應式網頁。