Skip to content
OverviewSolutions
7
Comments
4

Angel Infante

@InfanteAngelHouston Tx160 points

👨🏻‍💻 I enjoy developing websites, and small programs in order to solve common problems! 🎓 I’m currently taking an AP Computer Science class in High School and on the side take CodeCademy Courses. 💞️ I’m looking to collaborate on many projects, from small fun programs, to extensive websites.

I’m currently learning...

JavaScript Python HTML CSS React Tailwind GIT TypeScript

Latest solutions

View more solutions

Latest comments

  • Kurt3z•80
    @Kurt3z
    What specific areas of your project would you like help with?

    Hello everyone, I'm having a small problem in my solution.

    By hovering over the "Continue" button, when the cursor leaves the element, it flashes white. On the .btn selector, I'm using the transition property to create a smooth effect, and that may be what is causing the issue. I wasn't able to find any fix that wasn't completely removing the transition property and the effect.

    If anyone could be able to expend some of their time trying to help me understand why this issue occurs, I would be extremely grateful.

    Thanks in advance.

    Results Summary Component using HTML and CSS

    4
    Angel Infante•160
    @InfanteAngel

    Hey! Regarding as to the transition property, I noticed you have an "all" in the transition property, I suspect that it is refreshing the whole button and not just the selected css background, so instead of adding an "all" element just add a "ease-in-out" in order to transition out of the animation once the user stop hovering. As well just a tip, use "ms" instead of "s" that way your timing is a bit more specific, something ranging from ".01ms" to ".999ms". It would look something like this "transition: .400ms ease-in-out". Hope this helps! Added a link for more information. Overall great job, great attention to detail!

    https://developer.mozilla.org/en-US/docs/Web/CSS/transition

    Marked as helpful
  • Angel Infante•160
    @InfanteAngel

    Really much depends on personal preference, I used flex for some components but for the over all structure I used grid. I feel like grid is a bit more better due to the amount of features you can use with it. There are some restrictions with flex but, regardless both can be great tools to implement responsiveness.

    Marked as helpful
  • Angel Infante•160
    @InfanteAngel

    Great start man you are on the right path! I recommend messing around and diving into media query's for some responsiveness. Also, your buttons, like previously stated you might want to make them hover and be active and link to another page once clicked. If you are not yet into JavaScript I recommend you just use hover and href functions. Overall awesome start!!

  • Angel Infante•160
    @InfanteAngel

    Hey man! Take a look at my code and notice how I use <a> Tags in order to reference a new link once the user clicks on the subscribe button. In order to link to another page you want to use something like this <a href="succes.html">Click To A New Page!</a>. The href link means that once you click on the <a> tags content it will redirect you to what ever hyperlink you created. In this case whatever code editor you are using, you might want 2 html files one for each page. Hope this helped, and don't hesitate to message me!