By @rosinni and other contributors at 4Geeks Academy
These instructions are available in spanish
We need you! These exercises are created and maintained in collaboration with people like you. If you find any mistakes or typos, please contribute and/or report them.
The Instagram post simulation is a project that will guide you through creating a responsive design using HTML and CSS. You will learn how to build a post that mimics the look and functionality of a real Instagram post.
Through this exercise, you will gain practical insight into structuring and styling a social media post, as well as the importance of CSS styles in web design.
- Create the basic structure of an Instagram post using HTML.
- Apply CSS styles to achieve an attractive and functional design.
- Learn to use Flexbox to align elements within the user interface.
- Install LearnPack, the package manager for learning tutorials and the node compiler plugin for LearnPack. Make sure you also have Node.js 14 installed:
$ npm i @learnpack/learnpack -g- Start the tutorial/exercises by running the following command at the same level where your learn.json file is:
$ learnpack startThanks goes to these wonderful people (emoji key):
-
Rosinni Rodriguez (rosinni) contribution: (build-tutorial) ✅, (documentation) 📖
-
Alejandro Sanchez (alesanchezr), contribution: (bug reports) 🐛
This project follows the all-contributors specification. Contributions of any kind are welcome!
This and many other exercises are built by students as part of the 4Geeks Academy Coding Bootcamp by Alejandro Sánchez and many other contributors. Find out more about our Full Stack Developer Course, and Data Science Bootcamp.You can alse deepdive in the world of cybersecurity with our Cybersecurity Bootcamp