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.
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!
Hi, this is my first challenge!
It really tested my knowledge of responsive layout , I decided to use flexbox for this challenge . which would you say is must suitable for this project Grid or Flexbox?
All responses are welcomed .
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.
Greetings. This is my Newsletter Sign-Up Form with Success Message project. All suggestions are welcome. I'm still in the learning process. Thank you very much.
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!!
The most obvious one is the broken email subscription link. I get that I need to reference the input (html) element on the js document, but I 'm totally lost on what to do next, like for example: how do I display the "card-subscription" part (css class) that contains the mobile success message meanwhile the other part (page) stays hidden?
I guess I started with the FrontEnd Mentor challenges because I really not want to spirral only on tutorials-passive behavior instead of grasping the concepts by coding.
I do apologize, because I get that I shouldn't seek for easy answers and solutions (specially when I really can't grasp the user activity part of the code), but I really do want to fix those details, so of course, any advices and suggestions are welcome.
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!