/huddle-landing

Primary LanguageCSS

Huddle landing page

Frontend Mentor Challenge

Visit the website

Screenshot 2023-02-17 at 19 54 16

Flexbox Responsive Layout

This is an example of a responsive layout that uses Flexbox to switch from a row-column layout on small screens to a row-based layout on larger screens.

Technologies Used

  • HTML5
  • CSS3
  • Flexbox

Features

  • Uses Flexbox to create a responsive layout that adapts to different screen sizes.
  • Switches from a column-based layout to a row-based layout on larger screens.
  • Provides a consistent user experience across different devices.

Getting Started

To use this code in your own project, copy the files into your project directory.

Usage

Open the index.html file in your web browser or visit the website to view the responsive layout in action. Resize the browser window to see the layout change from column to row-based layout.

Contributing

If you find any issues with this code or have suggestions for improvements, feel free to open an issue or submit a pull request.

License

This code is released under the MIT License. See the LICENSE file for more information.