Skip to content
OverviewSolutions
9
Comments
5
Muralidhar
@Muralidhar22

All comments

  • Vanza Setia•27,775
    @vanzasetiaSubmitted over 2 years ago

    I've done another challenge! 🎉

    It's hard to find the exact RegEx that I want to validate user inputs. For the email RegEx, I already created by myself so I did just copy-paste from previous solution. For the name RegEx, I created a RegEx where the user's first name and last name should have at least a vowel letter and two characters long. Password RegEx that I wanted was difficult to find. However, I finally found a gist that contains the password RegEx that I wanted.

    I added two new features such as

    • Users are able to toggle the password visibility so they can see what they've typed.
    • Users can see the password length so they don't have to count it by themselves.

    These features were added based on my users' stories.

    I have no questions however, any feedback is appreciated.

    Any questions on the technique that I'm using are welcome! 😁

    Also, if you have finished this challenge and would like me to give feedback on it, please include a link to your solution. I would be glad to help you! 😀

    Thanks!

    Intro Component with Signup Form | HTML CSS Sass JS

    4
    Muralidhar•190
    @Muralidhar22Posted over 2 years ago

    hey @vanzasetia can you please tell, what tools do you use to make it pixel perfect

    0
  • kieron•60
    @Maxwell-jpgSubmitted over 2 years ago

    i didnt pay much attention first time i came across CSS Grid but i wil deffinetly be using it more in the future along side flexbox. this is deffinetly a good way to practice and build a protfolio. i have deleted and created a new repository, followed the git hub hosting options so i hope this fixes the problem

    CSS Grid, CSS flexbox and media Query

    1
    Muralidhar•190
    @Muralidhar22Posted over 2 years ago

    hey, your live site url is not working, please fix it so that anyone can give you helpful feedback

    1
  • 👾 Ekaterine Mitagvaria 👾•7,600
    @catherineisonlineSubmitted over 2 years ago

    Hello, Frontend Mentor community! This is my solution to the Fylo dark theme landing page.

    I appreciate all the feedback you left that helped me to improve this project. 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

    Fylo dark theme landing page

    6
    Muralidhar•190
    @Muralidhar22Posted over 2 years ago

    Hey catherine,

    • On mobile view, illustration intro img in the background you can try media query for mobile screen and set background-size: 90% and background-position: top 50% center
    • The curvy bg is a tricky one, which I faced issues while styling it,so i gave the "illustration intro img" directly in the html and curvy bg in the background by creating a intro div,so you can try to insert your "illustration img" into your class=intro-text and set the "curvy bg" in the intro-text class and keep adjusting with media queries
    • avoid giving heights to icons
    • better use grid box in the footer to style all section,flex box is recommended for one-directional layout
    • social icons are getting out of the footer-inner in the screen-size: 900px-1100px.
    • copyright text is missing.
    • you can change font-size with max function example:max(1.6rem,2.6vw)
    0
  • Muralidhar•190
    @Muralidhar22Posted over 2 years ago

    hey, the padding in the different sections. In the footer direction of the divs have to be changed when it's desktop view. Try to wrap the "ready to build community" section in a div and make it center by using flex or try margin: 0 auto

    Marked as helpful
    0
  • Muralidhar•190
    @Muralidhar22Posted over 2 years ago

    wow, that's almost close to the design

    0