Skip to content

In this exercise, you will have to create a layout that works properly on desktop, mobile, and tablet devices.

Notifications You must be signed in to change notification settings

LLuisPP/S1.1-HTML_and_CSS_with_Flex-N.III

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 

Repository files navigation

S1.1-HTML-and-CSS-with-Flex - N ★★★ ITAcademy

In this exercise, you will have to create a layout that works on desktop, mobile, and tablet.

💻 Technologies Used

HTML5
Html5
CSS3
CSS3

📋 Requirements

Clone this repository:

git clone <Repo address> /FolderName

Navigate to cloned folder:

cd ../FolderName

🛠️ Installation

This sprint doesn't need to be installed.

▶️ Execution

  • Double click on index.html
  • Resize display: web view > tablet view > mobile view
  • Test responsive

Note

Use developer tools from your browser (F12)

🌐 Deployment

N/A

Results vs expected results

Tip

Key concepts: display: flex; align-items: flex-direction: flex-wrap: @media queries

Expected result - ★★★ Result - Level ★★★

WebView
Web computer device view
MobileView
Tablet device view
MobileView
button animation

Result

🤝 Contributions

Warning

This repo doesn't accept contributions, but if you detect an error:

Fork the repository

  • Create a new branch: git checkout -b ErrorBug
  • Make your changes and commit them: git commit -m 'Error description'
  • Push the changes to your branch: git push origin ErrorBug
  • Create a pull request