All comments

• 

  Idelfonso Joas Nogueira• 10

  @joasdc

  Submitted about 2 years ago

  I request feedback

  

  Page with form validation with HTML, CSS and Javascript

  1

  1

  0

  

  Thiago Moreira• 320

  @othiagomoreira

  Posted about 2 years ago

  Good job 🎉

  • I recommend that you take a look at the report and correct the minor HTML errors

  • The button's color transition is too "raw", to give it a smoothing effect add the following property:

  div.form-container .form button {
      transition: all ease .3s;
  }
  

  Marked as helpful

  0
• 

  Kaung Zin Hein• 720

  @K4UNG

  Submitted about 2 years ago

  I wanted to try making a toggle in JavaScript and it was awesome. Any feedback or suggestion on how I can improve would be highly appreciated. Happy Coding!

  

  Pricing component with a toggle

  2

  4

  0

  

  Thiago Moreira• 320

  @othiagomoreira

  Posted about 2 years ago

  Good job! ✨

  • When the mouse hovers over the button there is a small change in the layout, this is due to the fact that the border was added in the hover pseudo class, to fix it just add the border to the button element.

  .btn, .btn-s {
      border: 2px solid white;
  }
  
  .btn-s:hover {
      background: transparent;
      color: var(--gradient-second);
      border-color: var(--gradient-second);
  }
  

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  HutHut• 310

  @j-hutchison

  Submitted about 2 years ago

  Any suggestions or possible improvements would be greatly appreciated!

  

  Desktop / Mobila Solution using Grid and Flexbox

  2

  2

  0

  

  Thiago Moreira• 320

  @othiagomoreira

  Posted about 2 years ago

  Good job! ✨

  • You added border-radius to all elements, to fix this just remove the .section-column declaration and replicate the code below

  .car-section{
     border-radius: 1rem;
     overflow: hidden;
  }
  

  • In the mobile version, the layout is "glued" to the top of the page, it would be interesting to add a padding

  .body{
     padding: 2rem 0;
  }
  

  Marked as helpful

  0
• 

  Simon Oladeji• 20

  @simmax456

  Submitted over 2 years ago

  Any better ways to solve this challenge?

  I had some difficulty aligning the card to the center of the page with flexbox; so, i went with this solution.

  

  QR Code Component responsive design with HTML and CSS

  #accessibility#contentful#styled-components#materialize-css

  2

  4

  0

  

  Thiago Moreira• 320

  @othiagomoreira

  Posted over 2 years ago

  So that you can center the card with flexbox it is necessary to declare a min-height: 100vh in the body

  Marked as helpful

  0
• 

  👾 Ekaterine Mitagvaria 👾• 7,640

  @catherineisonline

  Submitted over 2 years ago

  Hello, Frontend Mentor community! This is my solution to the Testimonials grid section.

  I have read all the feedback on this project and improved my code. Due to the fact that I published this project very long ago, I am no longer updating it and changing its status to Public Archive on my Github.

  You are free to download or use the code for reference in your projects, but I no longer update it or accept any feedback.

  Thank you

  

  Testimonials grid section

  33

  247

  10

  

  Thiago Moreira• 320

  @othiagomoreira

  Posted over 2 years ago

  Nice work 🎉❤

  0

  This comment has received 1 replyShow