Skip to content
OverviewSolutions
18
Comments
6
MX
@xingxing-prog

All comments

  • Lucas 👾•104,340
    @correlucasSubmitted about 2 years ago

    👾 Hello, Frontend Mentor community. This is my solution for the Typemaster Pre-Launch Landing Page

    I finally finished all HTML/CSS only challenges (25/25). Now I feel ready to start to study Javascript and CSS frameworks. I had a really great time learning a lots about Vanilla CSS and html structure, flex and grid layouts.

    A great challenge to sharp the Grid Layout skills and also work the layout around devices. The two aspects I spent more time was the hero section grid and the decorative pseudo-elements out of the container. Indeed to finish the pseudo-elements I had to ask help to my friend @AdrianoEscarabote that give me a lesson about the overflow property and parent/child elements.

    If you can add something or give me some tip. I'll be happy to hear any feedback and advice!

    Typemaster Pre-Launch Landing Page - Vanilla CSS

    3
    MX•290
    @xingxing-progPosted about 2 years ago

    Congratulations. It's not a simple challenge. All your project is so responsive and the layout is great.

    1
  • Adriano•38,270
    @AdrianoEscaraboteSubmitted about 2 years ago

    👨‍💻 Hello everyone. This is my solution for the Calculator app.

    This was a challenging project, I found some very different bugs. I managed to practice a lot of new things and I tried to make my code as clean and readable as possible!

    If you find something I can improve let me know!

    I added:

    • 👨‍💻 the user will be able to perform all operations through the keyboard!
    • 🎨 Store theme preference via localStorage!

    Feel free to leave comments on how I can improve my code.

    Thanks! 😊

    👨‍💻 Calculator app w/ (HTML + CSS + SASS + Bootstrap + JS)

    7
    MX•290
    @xingxing-progPosted about 2 years ago

    It's a very cool project. You have done great on html and css. But for JavaScript, I want to give you a little bit advice. First of all, I test your calculator, there is a bug, when I type 3/0, the result is 0.00, it should result to error. Second, I checked out your code, you have done a great job. But every time, when I type number and operation and the result present, but the operation is always there. I think there should only be the result there. But I still have to say, I like the html and CSS, You have done a great job, It's fantastic.

    Marked as helpful
    1
  • Lucas 👾•104,340
    @correlucasSubmitted about 2 years ago

    👾 Hello, Frontend Mentor coding community. This is my solution for the Suite Landing Page

    I struggled a lot positioning the hero image and the heading decoration on this challenge, was really challenging place both elements between the mobile and tablet sizes. There's a lot of aspects to improve in my CSS writing, but I am happy with the result in this challenge.

    🎨 I added some custom features:

    • 👨‍🔬 Custom UI Design + Logo.
    • 🧚‍♀️ CSS Animations

    🍚Follow me in my journey to finish all HTML/CSS only challenges (Only 2 missing)! Gotta Catch ’Em All

    Ill be happy to hear any feedback and advice!

    Suite Landing Page VANILLA CSS (Custom Design + CSS Animations)

    6
    MX•290
    @xingxing-progPosted about 2 years ago

    Your solution looks perfect and it's really very responsive. Great.

    1
  • Adriano•38,270
    @AdrianoEscaraboteSubmitted about 2 years ago

    👨‍💻 Hello everyone.

    DAY 7/7 🎉🎊

    Finally the end ahuauha, I can't describe how productive this week was, I learned a lot of new things and managed to practice a lot! Within what I learned the two most important things are:

    • Bootstrap
    • SASS

    Plus my javascript skills have improved a lot!

    Anyway, I leave a tip for those who want to improve, whether with a developer or anything else, persist! Resist the challenges that the world will put in your life, and most importantly learn from them, I guarantee you that at the end of the day all the effort will be worth it.

    After this week I feel like I can learn anything, after all, it only depends on me!

    I added some details:

    • 👨‍💻 Custom menu bugger!
    • 🎨 Custom colors and hover!
    • 👨‍🎨 Dark/Light Mode!

    Feel free to leave comments on how I can improve my code.

    Thanks! 😊

    👨‍💻 Intro section w/ dropdown w/ (HTML + SASS + JS Dark/Light Mode)

    4
    MX•290
    @xingxing-progPosted about 2 years ago

    The dark theme and day theme are so cool. You are so productive this week. Congratulations.

    0
  • Adriano•38,270
    @AdrianoEscaraboteSubmitted about 2 years ago

    👨‍💻 Hello guys.

    DAY 2/7

    In this challenge, I practiced a lot of sass, and I improved the code organization a lot, separating files containing variables and media queries into folders. I also played around with js a bit.

    Test the email input, if the email the user enters is valid, a card will appear! if not an error message will appear!

    -👨‍💻Email validation with a simple regex!

    -👨‍🎨A custom card will appear if the email passes the test!

    Feel free to leave feedback on how I can improve my code.

    Thanks! 😊

    👨‍💻 Fylo dark theme LP w/ (HTML + SASS + JS)

    4
    MX•290
    @xingxing-progPosted about 2 years ago

    It's cool that your website is very responsive. what is SASS? I am still using the very primitive html and css and javascript to write all the project.

    1
  • MX•290
    @xingxing-progPosted over 2 years ago

    I wish to get some feedback

    0