All Solutions

  • Desktop design screenshot for the Base Apparel coming soon page coding challenge

    BASE APPAREL COMING SOON using CSS, Vanilla JavaScript, and BEM

    • HTML
    • CSS
    • JS
    4
    Ken455
    Submitted

    ā¤ļøā€šŸ”„ INTERACT WITH MY PAGE FOR A SURPRISE

    WOW - this was a really fun and challenging project. It looks so simple but the styling had my brain in knots. Getting better at Vanilla JavaScript.

    I hope to complete more JS projects on here. I also personally did not like how low resolution the hero images are. It bothers me how blurry it gets when I use my 4k monitor.

    šŸ”„ ANY FEEDBACK IS GREATLY APPRECIATED!

  • Desktop design screenshot for the Four card feature section coding challenge

    FOUR CARD FEATURE SECTION using GRID and FLEXBOX

    • HTML
    • CSS
    0
    Ken455
    Submitted

    This challenge was very easy to me. BUT I took this opportunity to push myself and learn Grid.

    Grid has always been a technique in CSS that I avoided. I have always been more comfortable with Flexbox. This challenge was absolutely possible with Flexbox. However, pushing myself to learn is always important. I am so happy I took that extra time to become more comfortable with Grid.

    I believe the next challenge for me is to start learning and using SASS. I realized how cluttered my CSS is getting with all the resets that I have to do.

    Although I had no issues completing this challenge, any feedback as always is GREATLY appreciated.

  • Desktop design screenshot for the Article preview component coding challenge

    ARTICLE PREVIEW COMPONENT using Flexbox and Vanilla JavaScript

    • HTML
    • CSS
    • JS
    3
    Ken455
    Submitted

    Wow, this took so long to make. After countless hours of studying JavaScript, watching crash courses and tutorials. I was finally able to create a simple pop-up on a page.

    I'm very confident in HTML and CSS now, especially Flexbox. I hope I can have challenges that push me to utilize more CSS Grid. I also appreciate the challenge and countless hours of studying I went through to learn a little JavaScript.

    I am still in the learning process of vanilla JavaScript, and I know the code I wrote for the pop-up is not exactly the cleanest. If anyone has feedback on how I can make the code cleaner, or acceptable for the industry, I would greatly appreciate any sort of feedback that you give me out of your time.

  • Desktop design screenshot for the Social proof section coding challenge

    SOCIAL PROOF SECTION using Flexbox

    • HTML
    • CSS
    6
    Ken455
    Submitted

    Did this with Flexbox because I am still not comfortable with Grid. This definitely felt like a project that would have been easier using CSS Grid. A lot of videos/resources on learning grid are a little confusing - If anybody has any good resources that helped them, that would be great. I know grid is very powerful when used correctly.

  • Desktop design screenshot for the FAQ accordion card coding challenge

    FAQ ACCORDION CARD with Flexbox, Javascript

    • HTML
    • CSS
    • JS
    8
    Ken455
    Submitted

    This took me three days... Javascript took the longest but i definitely learned a lot more from this project compared to the others.

  • Desktop design screenshot for the Profile card component coding challenge

    Profile Card Component

    • HTML
    • CSS
    0
    Ken455
    Submitted
  • Desktop design screenshot for the 3-column preview card component coding challenge

    3 Column Preview Card Component using Flexbox

    • HTML
    • CSS
    4
    Ken455
    Submitted

    I feel myself getting better at this and hoping that I reached the desired result on my first attempt.

    If anybody has any criticism, advice, or feedback. It is so greatly appreciated if you could take some time out of your day to leave a comment. I am doing my absolute best to improve everyday.

  • Desktop design screenshot for the Stats preview card component coding challenge

    Stats Preview Component with Flexbox

    • HTML
    • CSS
    8
    Ken455
    Submitted

    MY SECOND ATTEMPT AGAIN -- I spent a good week reviewing how Flexbox works and how I can center content correctly to follow frontendmentor's format. I also tried my best to make the page responsive by making media queries for 375px.

    Any feedback is genuinely appreciated, I study hours a day to try and perfect everything on here.

  • Desktop design screenshot for the Order summary component coding challenge

    Order Summary Component using Flexbox

    • HTML
    • CSS
    4
    Ken455
    Submitted

    THIS IS MY SECOND ATTEMPT... I spent my whole weekend learning how to replicate this with zero knowledge in HTML and CSS. I tried using only Google, and no YouTube tutorials.

    I am still trying to grasp media queries and how to make everything responsive.

    If anyone has any suggestions on how I can write my code differently, please let me know! Any feedback out of your time is greatly appreciated!

  • Desktop design screenshot for the Order summary component coding challenge

    Flexbox

    • HTML
    • CSS
    0
    Ken455
    Submitted

    Could not figure out how to make it mobile friendly. I'll see if I can do that in the future...