Git Product home page Git Product logo

mobile-first's Introduction

logo

Microverse README Template

๐Ÿ“— Table of Contents

๐Ÿ“– [MOBILEFIRST]

Make sure that there are no linter errors: -Linter should be set up correctly for this repository. -Linter result should be green. -There should be no custom changes to linter config. -Make sure that you used correct GitHub Flow: -README file should be descriptive. -Commit messages should be meaningful. -Pull Request should have a descriptive title explaining what changes are inside. -Pull Request should have a short summary describing introduced changes in more detail. -Make sure that you documented your work in a professional way: -Branch name should describe a feature or action (e.g. 'created_sidebar' or 'added_comments_section'). -Pull Request is made from 'feature branch' into the main branch. ##HTML/CSS requirements Follow our list of best practices for HTML & CSS. Project requirements For this project, you should use the HTML&CSS linter

The 2 sections you need to build for this project are:

the toolbar (or header): Toolbar

the headline section (right after the header):

Key Features

Describe between 1-3 key features of the application.

  • [Header]
  • [Mobileview]
  • [Desktopview]

(back to top)

๐Ÿš€ Live Demo

Add a link to your deployed project.

(back to top)

๐Ÿ’ป Getting Started

Describe how a new developer could make use of your project.

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

Setup

Clone this repository to your desired folder:

Install

Install this project with:

Usage

To run the project, execute the following command:

Run tests

To run tests, run the following command:

Deployment

You can deploy this project using:

(back to top)

๐Ÿ‘ฅ Authors

Mention all of the collaborators of this project.

๐Ÿ‘ค Author1

๐Ÿ‘ค BADRU NDAWULA

(back to top)

๐Ÿ”ญ Future Features

Describe 1 - 3 features you will add to the project.

  • [header]
  • [mobileview]

(back to top)

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

โญ๏ธ Show your support

Write a message to encourage readers to support your project

If you like this project...

(back to top)

๐Ÿ™ Acknowledgments

Give credit to everyone who inspired your codebase.

I would like to thank...

(back to top)

โ“ FAQ

Add at least 2 questions new developers would ask when they decide to use your project.

  • [Question_1]

    • [Answer_1]
  • [Question_2]

    • [Answer_2]

(back to top)

๐Ÿ“ License

This project is MIT licensed.

NOTE: we recommend using the MIT license - you can set it up quickly by using templates available on GitHub. You can also use any other license if you wish.

(back to top)

mobile-first's People

Contributors

princebadru avatar ferizad avatar kalungi-j-bobson avatar

Stargazers

Faiz Mohammad avatar

Watchers

 avatar

mobile-first's Issues

Good job! Almost there.

  • [] Good job and you're almost there.
  • [] Please, kindly use media queries for better responsiveness of your project.
    Animation

Bugs: hide-and-seek

  • Your querySelector in line 11 did not capture the exact item. Thereby not giving the correct output.
  • I'd suggest you call the item outside the function and use "querySelector(.mobile-list) for a better target, then store it in a const.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.