Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All solutions

  • Submitted

    Interactive Card Details Form w/ SCSS

    • HTML
    • CSS
    • JS

    0

    What are you most proud of, and what would you do differently next time?

    I am proud of the fact that I was able to use SCSS for the first time. I was afraid at first because of how scary it was the first time I heard it.

    What challenges did you encounter, and how did you overcome them?

    The challenges I have encountered was that I was not able to get over my procrastination and this project has been sitting in my computer for over a month without any progress on the phone version. The website design was already done and I told myself that I would do the phone version tomorrow, that tomorrow became over a month ago.

    I was able to finish this now because I had no excuses to make any longer. I had no college activities, finished daily chores, and wanted to do another challenge. I am not proud for being a procrastinator but am glad that I was able to finish this one.

    What specific areas of your project would you like help with?

    I would like to read useful articles on how to arrange my SCSS code better.

  • Submitted

    Profile Card Component - flexbox/grid mix

    • HTML
    • CSS

    1

    This challenge is done together with Blog Preview Card

    • Both done within 12 hours

    Unsure:

    • Can someone check if the way I did my <hr class="profile__divider" /> correct? I feel like I could have done better on that part...
    • Also the banner of the card, i think the pattern is not aligned correctly, is the banner on the design a little scaled?

  • Submitted

    Calculator w/ localStorage to remember user picked theme

    • HTML
    • CSS
    • JS

    0

    Tread ⚠️carefully⚠️ in my CSS index code... You will puke at the mess 🤮

    In this challenge, besides copying the CSS and html layout and some JavaScript mess to make a functional calculator, I have also made it with localStorage 😎 impressive? no... its not... But will it help our users? Yes, yes it will!

    I am kind enough to considers the eyes of man such as hermits who like to use their cellphones in the dark, we don't want them to get blasted with white light.

    Areas I am unsure of...

    There is only one thing I am unsure of, the mess I have created in my index.css file. I have given up on arranging my key:value pairs in easy to read form. I prioritized how the frontend looks than how clean my CSS and script is.

    If you have any feedback about the challenge, feel free to comment down below 😄

  • Submitted

    Age Calculator w/ Flexbox

    • HTML
    • CSS
    • JS

    0

    I am generally okay with my HTML and CSS and if you have some feedback about it feel free to comment it out below.

    What I DO want a feedback on is on the logic of things in my Age Calculator JavaScript, can any expert see if there are things to be improved to have more cleaner code or is this already okay?

  • Submitted

    Newsletter Sign-Up Form - Flexbox, Mobile First

    • HTML
    • CSS
    • JS

    2

    I have noticed that stylesheets load faster when they are on the <head> tag than in the module file inside JavaScript. When you press refresh or IF you just press refresh once, the bland html loads first THEN the styles load after, thus I loaded my styles in the <head> tag for seamless stylesheet load.

    I DID want to incorporate an API that gets your email and sends a 🎉SUCCESS🎉 message email back to you but as I have browsed some API's, I knew it would take me another day to implement the method.

    Hoping 🙏🙏 that our frontend mentor seniors can give any feedback on where I can still improve, it may be my "naming sense of variables", "naming sense of classes", or another good way to structure my HTML code.

  • Submitted

    Results Summary Component using Flexbox

    • HTML
    • CSS

    1

    It has been quite a while since I have come back to submit another challenge in Frontend Mentor mainly from adjusting in college. I started this challenge last year and was unable to submit and has been lying uncompleted ever since I got back this year. As I submit this, here are my thoughts during the making of this challenge

    • My naming convention is a mess
    • Not separating my [utility CSS] and [component CSS] has given me a headache of always traversing the sheet.

    So this time, I have come to adapt a naming convention that will help me with naming classes like...

    .products-wrapper {
}
.products {
}
.products__items {
}

    Separating the utility classes such as the common divs, main, headers, mainly repeating classes should be separated onto a different stylesheet for better readability. I promise to apply these techniques and learnings onto the next challenge.

  • Submitted

    NFT preview card made using flexbox

    • HTML
    • CSS

    0

    At first, I got to know hover element as something that can only affect the container being hovered, turns out that wasn't the only case where it can be applied...

    I was introduced to using :hover ~, :hover +, :hover > which at first confused me because I didn't know when I was even going to use it until now.

  • Submitted

    News Homepage using Flexbox

    • HTML
    • CSS
    • JS

    1

    I am still unsure about the phone version... I also find it difficult about resizing the container so I don't have to use overflow: hidden all the time... I heard of a solution about box-sizing but I guess Ill use that on my next project another time...

    I'll try to understand grid too while I'm at it... and improve the already posted projects by applying the new things along the way...