Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
12
Comments
8
P

JeremDevX

@JeremDevX250 points

🍽️ eat → 💻 code → 🎮 game → 🛏️ sleep → 🔁 repeat

I’m currently learning...

React, Next.js, TypeScript, SCSS

Latest solutions

  • Password Generator - Next.js TailwindCSS


    P
    JeremDevX•250
    Submitted 4 months ago

    0 comments
  • GitHub Search User - Next.JS / SCSS

    #next#react#sass/scss#typescript

    P
    JeremDevX•250
    Submitted 7 months ago

    0 comments
  • BMI Calculator - Next.js / SCSS

    #next#react#sass/scss#typescript

    P
    JeremDevX•250
    Submitted 7 months ago

    0 comments
  • Article Preview Component - HTML / SCSS / JavaScript


    P
    JeremDevX•250
    Submitted 7 months ago

    1 comment
  • Meet Landing Page - HTML / SCSS


    P
    JeremDevX•250
    Submitted 7 months ago

    1 comment
  • Testimonials Grid Section - HTML / SCSS


    P
    JeremDevX•250
    Submitted 7 months ago

    1 comment
View more solutions

Latest comments

  • NGUYEN-XUAN-THUY•10
    @NGUYEN-XUAN-THUY
    Submitted 7 months ago

    Giải pháp ưu tiên thiết bị di động sử dụng CSS Grid và Flexbox

    1
    P
    JeremDevX•250
    @JeremDevX
    Posted 7 months ago

    Code and site are unreachable

  • P
    kareem sakr•190
    @kareemsakr
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    The speed of getting it done

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

    The hero section, having the document flow differently between the mobile and desktop view

    Responsive design

    1
    P
    JeremDevX•250
    @JeremDevX
    Posted 7 months ago

    Great work, looks very good !

    I've seen some minor mistakes :

    • Your buttons doesn't have the good sizes, font-size/weight, the "v1.3" should be colored and you forgot the hover effect.
    • Your CTA section doesn't have a width limit for ultra-wide screen (max-width: 1440px" in most of cases)
    • The paragraph in subhero-section is stuck to the screen borders on small devices ( 320px )

    Keep it up ! :)

  • Guillermo Blancarte•130
    @GuillermoBlancarte
    Submitted 7 months ago

    07-testimonials-grid-section-main

    1
    P
    JeremDevX•250
    @JeremDevX
    Posted 7 months ago

    Hey great work, however there are some points than you can improve.

    • Use semantics tags (headings, section, article...), to improve you page structure.
    • Avoid adding divs when they're not necessary. For example, adding a div for just one paragraph is not a good practice.
    • You can adjust you classnames to correctly use BEM from the start to the end of your code.
    class="card__head" //Good usage
    class="card white last" //Bad usage, could be "card--white"
    
    • Use kebab-case instead of camelCase for your variables.
    • Why did you set your font-size at 62.5% on html tag ? Just set the font-sizes where they are needed, but avoid changing the base size for all the document because it can lead you to unexpected behavior.
    • Stick to consistent class naming with BEM to facilitate the readability of your CSS code. Right now, it’s a bit hard to read.
    • When you reach 1200px breakpoint, everything is out of proportion or distorted,pay attention to this kind of detail.

    Keep it up ! :)

    Marked as helpful
  • 1of1baw•480
    @1of1baw
    Submitted 7 months ago

    4 card feature

    1
    P
    JeremDevX•250
    @JeremDevX
    Posted 7 months ago

    Great work !

    Few points that you can improve :

    • The title should be on 2 lines
    • Cards are a bit wide on full screen
    • With some screen sizes, all boxes doesn't have the same height
    • Your header should be outside the main section
    • Prefer giving classnames to your tags (h2, p, span...) instead of selecting them directly with in you stylesheet

    Keep it up :)

  • Amal Lal•80
    @amallal2004
    Submitted 7 months ago

    Responsive Landing Page - Product Preview Card Component

    1
    P
    JeremDevX•250
    @JeremDevX
    Posted 7 months ago

    Great job !

    A few tips:

    • Your BEM naming is incorrect because it’s too long and hard to read; keep it to one or two levels to make it simpler and easier to maintain.
    • You can store your styles and media queries in the same stylesheet if it's about to the same things
    • Add padding to your body, for smaller devices, to ensure minimal space between the edge of the screen and the component.

    Keep it up :)

    Marked as helpful
  • Juan Felipe•90
    @JuanFelipe29
    Submitted 8 months ago

    social-links-profile-main

    1
    P
    JeremDevX•250
    @JeremDevX
    Posted 7 months ago

    Great work !

    Here are some points you can adjust :

    • Different links, should be in one div and each one should be an <a> tag (one div who contains the five links), also the font-weight is not the same
    • The border-radius should be higher for container and links
    • Put the colors in ":root" with this format : "--green: hsl(75, 94%, 57%") and use them with "color: var(--green)". In bigger project if you want to change one color, you will just need to update in :root.
    • In the mockup, the container width from tablet devices is bit wider, and in mobile size padding is a bit smaller.

    Keep it up! :)

    Marked as helpful
View more comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub