Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Not Found

Miguel Silva

@migsilva89
Amsterdam
410Points

After many years of investing in myself as an event organizer and DJ/Producer I always had a special connection to the digital world, I started to do some simple front-end work to better understand how everything works, when I discovered my passion for web development.

I’m currently learning...

HTML, CSS, Javascript, VueJs;

Latest Solutions

  • Desktop design screenshot for the Interactive pricing component coding challenge

    Responsive Interactive with Html - CSS & Tailwind + JS

    • HTML
    • CSS
    • JS
    0
    Submitted

    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

  • Desktop design screenshot for the Tip calculator app coding challenge

    Calculator with JS

    • HTML
    • CSS
    • JS
    0
    Submitted
    • 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!

  • Desktop design screenshot for the Time tracking dashboard coding challenge

    Vue JS + TailwindCSS with PostCSS

    • HTML
    • CSS
    • JS
    0
    Submitted

    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!

  • Desktop design screenshot for the Advice generator app coding challenge

    Advice-generator-app with Sass

    • HTML
    • CSS
    • JS
    • API
    0
    Submitted
  • Desktop design screenshot for the Interactive rating component coding challenge

    Interactive Card Component - HTML - CSS - JAVASCRIPT

    • HTML
    • CSS
    • JS
    3
    Submitted

    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

  • Desktop design screenshot for the Sunnyside agency landing page coding challenge

    Responsive Landing page with HTML, CSS, Javascript

    • HTML
    • CSS
    • JS
    5
    Submitted

    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

Latest Comments

  • Solution screenshot
    • HTML
    • CSS
    • JS

    Time Tracking Dashboard with JSON

    1
    Miguel Silva410 | Posted 9 days agocommented on Umair's "Time tracking dashboard" solution

    Hey Umair, good job with the challenge.

    I see that you have some HTML ISSUES, in order to fix them you should: consider the h1 element as a top-level heading only (all h1 elements are treated as top-level headings by many screen readers and other tools).

    Keep going! Regards, Miguel Silva

    0
  • Solution screenshot
    • HTML
    • CSS

    Desafio responsivo realizado com HTML e CSS

    2
    Miguel Silva410 | Posted about 2 months agocommented on Sarah Sá's "3-column preview card component" solution

    Bom trabalho com este challenge.

    Contudo a font parece nao e a mesma e o container fica muito esticado em ecras grandes.

    Aconselho a usar um max-width to main cointainer, e como disse o Rodrigo poderia ser um pouco maior.

    De resto muito bom, parabens.

    Se o comentario ajudou de alguma forma, marque como useful pf :)

    Bom codigo! Miguel

    0
  • Solution screenshot
    • HTML
    • CSS
    • JS

    Rating component using HTML/CSS/JavaScript

    4
    Miguel Silva410 | Posted about 2 months agocommented on Ophélie Coudert's "Interactive rating component" solution

    Nice job on this challenge. You have some HTML issues,

    All page content should be contained by landmarks: https://dequeuniversity.com/rules/axe/4.3/region?application=axeAPI.

    About your question, I believe the best solution is to use an input radio instead of a button. With the input radio, every time you select one the other is unselected.

    Also, see that orange is the color on HOVER and dark gray is the color when you select it. This is a rating component so we should be able to select only one number.

    Hope it helps, if so please mark it as helpful.

    Happy code! regards,

    Miguel Silva

    0
  • Solution screenshot
    • HTML
    • CSS

    QR code component using CSS and HTML

    1
    Miguel Silva410 | Posted about 2 months agocommented on Aya's "QR code component" solution

    Very good job with this challenge. In order to be pixel perfect, you can try to use Figma, and upload the design to it.

    This way you are able to check the px and make it px perfect :)

    Hope it helps.

    Regards, Miguel Silva

    0
  • Solution screenshot
    • HTML
    • CSS
    • JS

    Article Preview

    2
    Miguel Silva410 | Posted about 2 months agocommented on Joaotbb's "Article preview component" solution

    Hi Joao, I see an HTML accessibility error "Images must have the alternate text".

    More info :https://dequeuniversity.com/rules/axe/4.3/image-alt?application=axeAPI.

    regards Miguel Silva

    0