Ken

@lmaoken
New York, NY
205Points

hey

Latest Solutions

  • Desktop design screenshot for the Social proof section coding challenge

    SOCIAL PROOF SECTION using Flexbox

    • HTML
    • CSS
    6
    Ken205
    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
    Ken205
    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
    Ken205
    Submitted
  • Desktop design screenshot for the 3-column preview card component coding challenge

    3 Column Preview Card Component using Flexbox

    • HTML
    • CSS
    4
    Ken205
    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
    Ken205
    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
    Ken205
    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!

Latest Comments

    • HTML
    • CSS

    responsive landing page

    2
    Ken205 | Posted about 15 hours agocommented on Olaphoxy's "Social proof section" solution

    Great job! Just a suggestion to get rid of your accessibility issues:

    Stray away from using heading tags to match the font size. Make sure you are increasing the heading tags from h1-h4, etc. Don't skip h2 and h3. I recommend changing your h4 headings to h2 and changing the font size of h2 to match the card.

    Your h1 seems a little too small compared to the original design.

    You should also wrap your content in a main tag. In your case it would be <main class="cover"> Make sure you do that for your attribution section as well, but make it a footer tag.

    I hope this helps and make sure you generate a new report once you fix this!

    0
    • HTML
    • CSS

    Social Proof Section

    1
    Ken205 | Posted 3 days agocommented on Ogundeyi Joshua's "Social proof section" solution

    Great job!

    Just a quick suggestion to remove your accessibility issues: Avoid hopping headings from <h1> to <h3>. Without having an h2 on your page.

    You should also wrap the attribution div with a <footer>

    0
    • HTML
    • CSS

    frontMentor5

    2
    Ken205 | Posted 4 days agocommented on Grzegorz Sowinski's "Social proof section" solution

    Great job! Just a few suggestions:

    Always have a <main> element wrapping your entire content. On your project you would have the main element instead of div for .container

    <main class="container"> </main>

    When you use the section element, it should always follow with child heading tags (h2-h6). Changing those sections to divs will also solve some errors that are being flagged.

    The layout for 1440px and 375px looks great but everything in between looks like your page is spilling out to the top and being hidden. I know the challenge is to make it for those two screen sizes. However, It's good practice to make it responsive for all screen sizes! I'm sure adding a quick media query for the other sizes and applying padding-top or margin-top will be a quick fix to that problem!

    Don't forget to generate a new report!

    0