Skip to content
OverviewSolutions
11
Comments
8
SathishVM
@SathishVM

All comments

  • SathishVM•280
    @SathishVM

    There is a simple solution that can be used to validate the email field using regex in javascript, Well regex is also known as a regular expression that validates the string by the pattern we provide. Writing a regex pattern is tough though you can google around it and use the available solutions on it.

    https://stackoverflow.com/questions/46155/how-to-validate-an-email-address-in-javascript

    You can learn from this resource.

  • SathishVM•280
    @SathishVM

    Hello ghaith990000,

    Thanks for the suggestion 😊

  • SathishVM•280
    @SathishVM

    Hello Michelle,

    You have done a nice solution tho this challenge and simple as the structure in the code.

    So instead of using border-radius separately you can use a container and in it, you can use padding to the div and it overflows the container so it will not visible and here you can use overflow: hidden so the overflow will not be shown and border-radius will visible and that's the hack I used.

    I hope you got my point. :) Happy coding

  • SathishVM•280
    @SathishVM

    Hello Rowland,

    Yeah, rfilenko is right. use some media queries and don't use selectors and in the form input using flexbox will be more head pain when it comes to specifically for this solution and try reducing font-size by 1 or 2 px when it gets to mobile screen.

    If you get problems again feel free to view my solution

    https://github.com/sathishvm/Frontend-Mentor-Challenges/tree/master/base-apparel-coming-soon

  • SathishVM•280
    @SathishVM

    Hello Joshua San Jose,

    I tried to view the source code to view the solution of the challenge but the link is not found.

  • SathishVM•280
    @SathishVM

    Hello Paz Spera,

    I really loved that you used grid system for the alignment and it's really simple solution than I solved ^_^.

    Yes, your html structure such as naming the classes and id's are really simple and to read.

    I found one thing you can improve that is at the min-width from 700 to 900 you can show the features as two card in a row and it will make the view as simple instead viewing one card line by line.

  • SathishVM•280
    @SathishVM

    Hello Jasmine J,

    You have done a nice solution to this challenge.You asked what strategies for righting yourself code at the dead-end. Well I make a block level element and inside it I use another block or inline element according to it and I use margin-left as auto on it and it push the element to the corner.

    So,this my strategy to code in the corner.I hope this will help you :)

    Happy Coding!

  • SathishVM•280
    @SathishVM

    Hello adluders,

    Yeah you did a nice solution.I found only one thing that you can improve too. That is on service and article section paragraph line-height.

    By increasing the line-height it will not hard to read. So,That's my only one feedback. :)