All solutions

This is a solution to the Job listings with filtering challenge on Frontend Mentor.

Users should be able to:

• View the optimal layout for the site depending on their device's screen size;
• See hover states for all interactive elements on the page;
• Filter job listings based on the categories;
• I have also added a modal that will be activated when a job name is clicked;

git clone https://github.com/migsilva89/Job-Listings-React

npm install

npm run dev

• Live Site URL: https://job-listings-react-delta.vercel.app/
• Solution URL: https://github.com/migsilva89/Job-Listings-React

• Semantic HTML5 markup
• Tailwind CSS
• React - JS library

Tips or advice on how to improve are very welcome, thank you all! Linkedin

Hi, community,

One more project, done!

This one was built with:

• Semantic HTML5 markup;
• TailiwndCSS;
• Javascript;
• Clipboard.js

Tips or advice on how to improve are very welcome, thank you all!

Hi community,

This is my solution for the Social Media Dashboard With Theme Switcher. Made with Tailwind CSS .

Tips on how to improve are very welcome.

Regards, Miguel Silva

Was made with HTML5 + TAILWIND POSTCSS + JAVASCRIPT

This project was more about practice what I have been learning.

Tips or advice on how to improve are very welcome, thank you all!

This is an interactive pricing component that changes the values with range input + monthly or yearly.

Was made with HTML5 + TAILWIND POSTCSS + JAVASCRIPT

• I learned how to manipulate data with a range value and change all the values from the range with a click.
• How to install and setup Tailwind PostCss

Tips or advice on how to improve are very welcome, thank you all!

Regards, Miguel Silva

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Desktop-first workflow

Tips or advice on how to improve are very welcome, thank you all!

What I learned:

• How to manipulate data from JSON.
• How to install and setup Tailwind PostCss
• How to install and setup VueJs

Tips or advice on how to improve are very welcome, thank you all!

Hi Frontend community, the hardest part was to save the value from the buttons on the input. Was a very fun project to do, and I have learned a lot about JS with it.

Please take a look at the functionality, tips to improve are very welcome.

regards, Miguel Silva

Responsive Landing page with HTML, CSS, Javascript.

Any tip on how to change the color from the SVG img on hover?

What I learned:

• CSS background Size control;
• CSS grids control;
• Javascript Toggle;
• CSS Filters;

Tips and feedback to my code are very appreciated.

Preview: https://front-end-mentor-sunnyside-agency-git-master-migsilva89.vercel.app/

Thank you all.

Miguel Silva

Fylo Data Component Solution. An amazing project to practice CSS.

I have learned:

• How to Use :root;
• How to Make CSS gradients;
• How to make CSS shapes;
• How to use absolute & relative;

Tips for improve will be much appreciated.

Thank you all, Miguel Silva

4 Card grid with CSS.

I have learned how to use CSS grids and how to manipulate them. I thought it will be harder to understand, but actually I think Im very close to the requested design.

Tips for improve my code will be much appreciated.

Regards, Miguel Silva

I have learned how to use flex, and how to use @media with mobile first workflow.

Tips for improve will be much appreciated.

Thank you all! Miguel Silva

This is my first project only with HTML and CSS, all my previous projects were made with TailwindCSS.

I Have learned how to create CSS classes, add fonts and hover status.

Easy project that I can say it was a challenge cause I am very used to Tailwind classes.

Tips for improve will be much appreciated.

Thank you all.

Miguel Silva

First draft with HTML and CSS following the video tutorial.

Tailwind CSS