https://github.com/fernandams/alurabooks

This repository hosts the project developed during the 'HTML e CSS: responsividade com mobile-first' course on Alura.
https://github.com/fernandams/alurabooks

mobile-first responsive-layout

Last synced: about 2 months ago
JSON representation

This repository hosts the project developed during the 'HTML e CSS: responsividade com mobile-first' course on Alura.

• Host: GitHub
• URL: https://github.com/fernandams/alurabooks
• Owner: fernandams
• Created: 2024-03-12T22:21:49.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-05-28T21:19:57.000Z (7 months ago)
• Last Synced: 2024-05-29T11:55:00.352Z (7 months ago)
• Topics: mobile-first, responsive-layout
• Language: HTML
• Homepage: https://fernandams.github.io/alurabooks/
• Size: 7.32 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# AluraBooks

Hello, I'm Fernanda, and this is AluraBooks, the project resulting from the 'HTML and CSS: mobile-first responsiveness' course offered by Alura.

## 🛠️ Opening and Running the Project

To open and run the project locally, follow these steps:

1. Clone or download the repository to your local machine.

2. Navigate to the project directory.

3. Open the file `index.html` in your preferred web browser.

Alternatively, you can view the live version of the project by visiting [fernandams.github.io/alurabooks/](https://fernandams.github.io/alurabooks/) in your web browser.

## 📚 About The Course

I successfully completed the **HTML e CSS: responsividade com mobile-first** course on the [Alura](https://www.alura.com.br/) platform. Throughout the course, I learned to build a responsive website using HTML and CSS, interpret design prototypes created in Figma, and implement the mobile-first approach to ensure adaptable layouts on different devices.

### 🛠️ Tools and Concepts Covered:

- Building a website using HTML and CSS.

- Interpreting website prototypes created in **Figma**.

- Understanding the mobile-first approach for responsive design.

- Implementing media queries for responsive layout design.

- Deploying a website using **Github Pages**.

### 🔨 Technologies Used:

- HTML

- CSS

- Mobile-first approach

- Media queries