Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
0
Comments
508
Hexer
@EmmanuelHexer

All comments

  • 👾 Ekaterine Mitagvaria 👾•7,860
    @catherineisonline
    Submitted over 3 years ago

    Fylo dark theme landing page

    6
    Hexer•3,620
    @EmmanuelHexer
    Posted over 3 years ago

    Wow, good job. i want to ask what you use to make your design exactly like the original one, I mean in measurements and everything?

  • Oluwatosin Ayedun•20
    @TosinAyedun
    Submitted over 3 years ago

    NFT preview card component using html and CSS grid

    #styled-components#materialize-css
    3
    Hexer•3,620
    @EmmanuelHexer
    Posted over 3 years ago
    • Great work, In these instances i wouldn't recommend you to use media queries because the design can be responsive on their own in these cases.

    • I think if you want to know more about media queries you should search on youtube and watch some tutorials about them.

    • Also use rems instead of px this also helps in responsiveness.

    I hope this helps. You can also check out my solution to see how i did it.

    Marked as helpful
  • Vanza Setia•27,715
    @vanzasetia
    Submitted over 3 years ago

    Pod Request Access Landing Page | HTML CSS Sass JS (Regex)

    #accessibility#bem#sass/scss#lighthouse
    2
    Hexer•3,620
    @EmmanuelHexer
    Posted over 3 years ago

    Hi, checked all your projects and i must say, you are really good.

    I started programming about a month ago, I'm still learning html and css now. Can you give me a roadmap on what you did to become as good as you are now? I hope to hear from you soon.

    Thanks, Phalcin

  • Vanza Setia•27,715
    @vanzasetia
    Submitted over 3 years ago

    Meet Landing Page | HTML CSS Sass

    #accessibility#bem#sass/scss#lighthouse
    3
    Hexer•3,620
    @EmmanuelHexer
    Posted over 3 years ago

    Hi, checked all your projects and i must say, you are really good.

    I started programming not long ago, I'm still learning. Can you give me a roadmap on what you did to become good as you are now?

    Thanks, Phalcin

  • P
    Daniel•140
    @obriedan
    Submitted over 3 years ago

    So much clamp()... so... much... clamp().

    #cypress
    1
    Hexer•3,620
    @EmmanuelHexer
    Posted over 3 years ago

    Hi Daniel, I took some time to look at your solution and you did a great job!

    However I have some tips for improving your code:

    • Note that all img elements should have an alt attribute. By adding this it will prevent you from having html and accessibility issues here.

    Hope this help and happy coding!

  • imen dhaoui•130
    @imendh02
    Submitted over 3 years ago

    Profile Card Component Main

    1
    Hexer•3,620
    @EmmanuelHexer
    Posted over 3 years ago

    Hi Imen, I took some time to look at your solution and you did a great job!

    However I have some tips for improving your code:

    • Note that every section should have a header tag like <h1-h6> element. This will help you avoid html issues here.

    Hope this help and happy coding!

  • Aakash•10
    @Akash-pugazh
    Submitted over 3 years ago

    Nft Card challenge using css and html

    #progressive-enhancement#webpack#itcss
    3
    Hexer•3,620
    @EmmanuelHexer
    Posted over 3 years ago

    Hi @Akash-pugazh, I took some time to look at your solution and you did a great job!

    However I have some tips for improving your code:

    • Avoid using in-line styles in your html. Use css to style your page on a seperate document. What i mean is you should'nt use ie color: #fb2342 in your html but rather do it in css file.

    • wrap your card in a <main> element to fix accessibility issues.

    Hope this help and happy coding!

    Marked as helpful
  • Jill Spencer•30
    @jill-spencer
    Submitted over 3 years ago

    Mobile-First with CSS Grid

    3
    Hexer•3,620
    @EmmanuelHexer
    Posted over 3 years ago

    Hi Jill, I took some time to look at your solution and you did a great job!

    Also I have some tips for improving your code:

    • add main tag and wrap the card for Accessibility
    • add some box-shadow to the container also to show that its a card.

    Hope this help and happy coding!

    Marked as helpful
  • Mikołaj Kasperkiewicz•70
    @PanMikolaj
    Submitted over 3 years ago

    QR code component

    3
    Hexer•3,620
    @EmmanuelHexer
    Posted over 3 years ago

    Congratulations on completing this challenge Rudynieradosny.

    I have some tips to fix accessiblity issues:

    • wrap your card in a main element to fix accessibility issues. Just place the main element after the body element and them move the content in.

    i hope this is helpful and goodluck!

    Marked as helpful
  • VINÍCIUS DOS SANTOS VERISSIMO•250
    @viniciusdsv93
    Submitted over 3 years ago

    Single price grid

    2
    Hexer•3,620
    @EmmanuelHexer
    Posted over 3 years ago

    Congratulations Vinicius on completing this challenge.

    • Note that header tags are used so that the browser and search engines can identify what they are. They are not used so that the headers becomes big or small.

    • Use one h1 for every webpage, then you move on to h2. If you have other headers in the same section use h3. This will fix your accessibility issues also.

    I hope this helps.

    Marked as helpful
  • Beatriz•660
    @beatrizang
    Submitted over 3 years ago

    Four Card Feature Section | HTML & CSS

    2
    Hexer•3,620
    @EmmanuelHexer
    Posted over 3 years ago

    Congratulations Beatriz on completing this challenge.

    • However i checked your code and i noticed you used h1 then you directly moved on to using h3's instead of h2's. one tip i can give you is to use one h1 for every webpage, then h2. If you have other headers in the same section you can use h3. This will prevent having accessibility.

    I hope this helps.

    Marked as helpful
  • Mounir Moutawakil•420
    @mounir-m4
    Submitted over 3 years ago

    URL Shortening API

    #sass/scss
    1
    Hexer•3,620
    @EmmanuelHexer
    Posted over 3 years ago

    Hi Mounir, congratulations on completing this challenge.

    I have some tips on how to improve your code.

    • Note that element div is not allowed as child of element ul

    • Always note that when ever your add a section to your code it must have a header tag like h2, And if it has other headers in that section h3

    I hope this helps.

    Marked as helpful
  • Bouzar abderrahmane•250
    @AbdouHichem
    Submitted over 3 years ago

    html css responsive mobile first

    1
    Hexer•3,620
    @EmmanuelHexer
    Posted over 3 years ago

    Hello Bouzar , congratulations on completing this challenge.

    I have some tips to improve your code.

    • Always use one h1 element for every webpage. Then use h2 for the others. If you have other children headers use h3. This will prevent accessibility issues.

    i hope this is helpful and goodluck!

  • mariano•60
    @marianojugo
    Submitted over 3 years ago

    Profile card challenge

    1
    Hexer•3,620
    @EmmanuelHexer
    Posted over 3 years ago

    Hello Mariano , congratulations on completing this challenge.

    I have some tips to fix accessiblity issues:

    • wrap your card in a <main> element to fix accessibility issues.

    i hope this is helpful and goodluck!

  • Jihad Al-Jabali•10
    @Jihad101
    Submitted over 3 years ago

    Frontend Mentor | QR code component

    1
    Hexer•3,620
    @EmmanuelHexer
    Posted over 3 years ago

    Hello Jihad , congratulations on completing this challenge.

    I have some tips to fix accessiblity issues:

    • wrap your card in a <main> element to fix accessibility issues.

    i hope this is helpful and goodluck!

    Marked as helpful
  • mariano•60
    @marianojugo
    Submitted over 3 years ago

    Sats preview card component challenge

    2
    Hexer•3,620
    @EmmanuelHexer
    Posted over 3 years ago

    Congratulations on completing this challenge.

    • One tip i can give you is to always note that every section should contain a header tag. like one h1 for every webpage and h2. Then if you have other headers in the section add h3. This will help fix any html issues.
    Marked as helpful
  • Miguel Silva•490
    @migsilva89
    Submitted over 3 years ago

    CSS FLEX BOX

    2
    Hexer•3,620
    @EmmanuelHexer
    Posted over 3 years ago

    Hi Miguel, congratulations on finishing this challenge.

    I have some tips on how you can improve your code.

    • Wrap your card in a main element to fix accessibility issues by placing it just after the body element and draging your content inside.

    I hope this helps.

    Marked as helpful
  • Mayara S Carvalho•50
    @mayspiek
    Submitted over 3 years ago

    QR Code Component

    4
    Hexer•3,620
    @EmmanuelHexer
    Posted over 3 years ago

    Congratulations on completing this challenge.

    I have some tips for improving your code. I checked your code and

    • Your linked stylesheet is missing something in the head. <link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen" It is missing > sign.

    • Also add a height of 100vh to your .content section to center your container.

    i hope this helps.

    Marked as helpful
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

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