All comments

• 

  Sarah Atici• 50

  @saki1994

  Submitted over 2 years ago

  Hi everyone :)

  Please provide a constructive comment about my project. I haven't added Drag and Drop.

  Thank you so much!

  

  Responsive ToDo list made of ReactJS and SASS

  1

  2

  1

  

  Saumya Verma• 565

  @nikkuv

  Posted over 2 years ago

  Hye! I'm working on the same project, for now, your one is really good, plus you can use react Dnd for drag and drop in react.

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Akshita Sharma• 55

  @Akshita-Sharma-25

  Submitted over 3 years ago

  How can I improve

  

  fylo-website using HTML,CSS and Bootstrap4

  1

  1

  0

  

  Saumya Verma• 565

  @nikkuv

  Posted over 3 years ago

  Hye Akshita ! you can improve the style of your testimonial card and in the footer, the logo is in black, if it is available in SVG you can change the "fill" property to set it white, also you can improve your social media icons, and set "aria-label" to resolve the accessibility issues on both the input and the link.

  1
• 

  sonickonic• 700

  @sonickonic

  Submitted over 3 years ago

  My first try to animate a landing page with CSS animations. Even though it is a newbie challenged I found it super interesting for this purpose! 🥳

  Feedback is welcome and appreciated 🚀

  

  CSS animations, Sass and BEM

  2

  2

  0

  

  Saumya Verma• 565

  @nikkuv

  Posted over 3 years ago

  All animations are really really cool, there are accessibility issues but if you'll use "aria-label" on your links then it will be fine.

  1

  This comment has received 1 replyShow
• 

  Thomas Sankara• 1,240

  @SankThomas

  Submitted over 3 years ago

  Any feedback on how to do the form validation

  

  Ping Coming Soon One Column Landing Page using HTML, CSS and JS

  2

  1

  0

  

  Saumya Verma• 565

  @nikkuv

  Posted over 3 years ago

  First, apply all error styles with a class to the element, then select the element in js DOM and add that class to the element using the email regex function with conditionals. For email validation, you can use this email regex function👇

  function validateEmail(email) {
      const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
      return re.test(String(email).toLowerCase());
  }
  

  1

  This comment has received 1 replyShow
• 

  Kerri-Ann• 330

  @Kerri-AnnBates

  Submitted over 3 years ago

  Had a little trouble figuring out how to change the color of the share button image, so opted to creating a new image with a different color. Any advice on how to accomplish this?

  

  Mobile first approach using Sass and BEM methodology

  3

  2

  0

  

  Saumya Verma• 565

  @nikkuv

  Posted over 3 years ago

  You did a great job on your first project. It almost looks the same as in the design. All you have to do is on your share button set the style of "outline: none" on focus, like this. &:focus{ outline: none; }

  1

  This comment has received 1 replyShow
• 

  arsenii Dmitrievv• 120

  @RusssianMusketeer

  Submitted almost 4 years ago

  Any feedback is appreciated, i am learning flexbox now. Slowly improving

  

  Fly landing page, responsive using flexbox

  1

  1

  1

  

  Saumya Verma• 565

  @nikkuv

  Posted almost 4 years ago

  You can solve accessibility issue by using "aria-label" on input and a button of "type=submit" in form:) that was also my first mistake !! And remove the space from your file name for HTML Validation.

  3