Frontend Mentor
Login with GitHub
OverviewSolutions30Comments68

Byron

@byronbyron
United Kingdom
1,360Points
  • Visit byronbyron's Codewars profile

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest Solutions

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

    Base Apparel coming soon page using the picture element

    • HTML
    • CSS
    • JS
    0
    Byron1,360
    Submitted

    Hello ladies and gentlemen! Here's my version of the Base Apparel page using the <picture> element to swap between the hero images on mobile and desktop. Not much more to say about this one, other that it's fantastic. Please leave a like!

  • Desktop design screenshot for the Social media dashboard with theme switcher coding challenge

    Social media dashboard with theme switcher using grid and localStorage

    • HTML
    • CSS
    • JS
    0
    Byron1,360
    Submitted

    Hello ladies and gentlemen! I have built this dashboard theme switcher app using localStorage. The browser should remember what theme is set even if you refresh or close the window. As always, feel free to leave a like or maybe even a comment. Thanks!

  • Desktop design screenshot for the Easybank landing page coding challenge

    Easybank landing page challenge hub using Sass

    #sass/scss
    • HTML
    • CSS
    • JS
    0
    Byron1,360
    Submitted

    Hello ladies and gentlemen, I present the Easybank landing page! I've added a few little extras, like a fixed header and some hovers on the latest thumbnails. Feel free to leave lots of likes, please! Thanks 👍

  • Desktop design screenshot for the Ping single column coming soon page coding challenge

    Ping single column coming soon page using HTML, CSS and Javascript

    #accessibility
    • HTML
    • CSS
    • JS
    2
    Byron1,360
    Submitted

    Hello ladies and gentlemen, thought I'd smash a quick one out before bed! 😉 Here's my version of the Ping coming soon page with some primitive vanilla Javascript validation for the email. Hope you like it!

  • Desktop design screenshot for the Job listings with filtering coding challenge

    Job listings with filtering using React and Tailwind

    #react#tailwind-css
    • HTML
    • CSS
    • JS
    2
    Byron1,360
    Submitted

    Hello ladies and gentlemen! Here's another React project with Tailwind. Getting the filtering to work properly was quite tricky 😅. Really please with the final result for this one! Feel free to leave a like and maybe even a comment as well. Happy coding everyone!

  • Desktop design screenshot for the Huddle landing page with a single introductory section coding challenge

    Huddle landing page with a single introductory section using HTML, CSS

    • HTML
    • CSS
    0
    Byron1,360
    Submitted

    Hello ladies and gentlemen, here's a nice simple one using plain HTML and CSS. Hope you like it! Smash that like button, if you'd be so kind!

View More Solutions

Latest Comments

    • HTML
    • CSS

    NFTchallenge with CSS custom properties and Flexbox

    2
    Byron1,360 | Posted 10 days agocommented on Christ Kevin Touga Watat's "NFT preview card component" solution

    Not bad @Christ-Kevin

    I'd suggest having a look at the accessibility/html issues flagged by the FE mentor report 👍

    • All page content should be contained by landmarks
    • Bad value auto for attribute height on element img: Expected a digit but saw auto instead.
    • Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
    • etc.

    Other than that looks good! The massive height is a new one as well 😆

    0
    • HTML
    • CSS
    • JS

    Social media dashboard with theme switcher

    2
    Byron1,360 | Posted 11 days agocommented on Reandyx's "Social media dashboard with theme switcher" solution

    Hi @Reandyx

    Looks really good!

    Few accessibility issues flagged the FE Mentor report:

    • Heading levels should only increase by one
    • Document should have one main landmark

    Both should be fairly easy to fix by making sure your heading start at <h1> and continue in order. The second issue can be fixed by wrapping all the content in a <main> tag.

    Your transitions when the theme switches are brilliant!

    0
    • HTML
    • CSS
    • JS

    Social Media Dashboard with Theme Switcher

    1
    Byron1,360 | Posted 11 days agocommented on Ashraf Awad's "Social media dashboard with theme switcher" solution

    Hi @Ashraf-7

    Looks like you've got a few issues flagged by FE Mentor's report thingy:

    • Buttons must have discernible text
    • Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.

    Other than those, it looks good 👍

    1
    • HTML
    • CSS
    • JS
    • API

    URL shortening API landing page with Vanilla Js

    4
    Byron1,360 | Posted 12 days agocommented on Tadeu Barbosa's "URL shortening API landing page" solution

    Hi @tadeubdev

    Your footer links look like they’re off centre slightly to the right on mobile.

    Also a few accessibly/html issues flagged by FE Mentor.

    Really nice work 👍

    1
View More Comments