Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Your session has expired please log in again.
Your session has expired please log in again.
Your session has expired please log in again.
Your session has expired please log in again.
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • πŸ‘Ύ Ekaterine Mitagvaria πŸ‘Ύβ€’ 7,600

    @catherineisonline

    Submitted

    Hello, Frontend Mentor community! This is my solution to the Fylo dark theme landing page.

    I appreciate all the feedback you left that helped me to improve this project. Due to the fact that I published this project very long ago, I am no longer updating it and changing its status to Public Archive on my Github.

    You are free to download or use the code for reference in your projects, but I no longer update it or accept any feedback.

    Thank you

    Fylo dark theme landing page

    6

    Hexerβ€’ 3,660

    @EmmanuelHexer

    Posted

    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?

    1
  • Hexerβ€’ 3,660

    @EmmanuelHexer

    Posted

    • 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

    0
  • Vanza Setiaβ€’ 27,795

    @vanzasetia

    Submitted

    Hello Everyone! πŸ‘‹

    Finally, I completed another PREMIUM challenge! πŸŽ‰

    It was a challenge where I needed to play around with the background images. They were tricky! I also improved my old Regular Expression from the Base Apparel challenge. I had written everything that I learned in the README file. So feel free to check it out! (and give feedback on it πŸ˜„)

    Now for the questions:

    • I added alternative text for the Spotify, Apple Podcast, Google Podcasts, and Pocket Casts logos. However, the paragraph above the form element has mentioned all the platforms. I'm not sure that they are decorative or informative images. So, what do you think about it?
    • If you try using a screen reader on my website, can you understand the page content?
    • Can you navigate this website comfortably using your keyboard?

    Any questions on the technique that I'm using are welcome! 😁

    Also, if you have finished this challenge and would like me to give feedback on it, please include a link to your solution. I would be glad to help you! πŸ˜€

    Thanks!

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

    2

    Hexerβ€’ 3,660

    @EmmanuelHexer

    Posted

    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

    1
  • Vanza Setiaβ€’ 27,795

    @vanzasetia

    Submitted

    Hello Everyone! πŸ‘‹

    I finished my first premium challenge! πŸŽ‰

    The most challenging part was the number elements between sections. However, I managed to handle them with only pseudo-elements. That way, I didn't have to deal with the accessibility thing (hopefully). πŸ˜…

    Now for the questions:

    • I put the logo in a header. I'm not sure that it is correct or not, so what do you think about it? Should I put the logo inside the main element instead?
    • If you try using a screen reader on my website, can you understand the page content?
    • Can you navigate this website comfortably using your keyboard?

    Any questions on the technique that I'm using are welcome! 😁

    Also, if you have finished this challenge and would like me to give feedback on it, please include a link to your solution. I would be glad to help you! πŸ˜€

    Thanks!

    Meet Landing Page | HTML CSS Sass

    3

    Hexerβ€’ 3,660

    @EmmanuelHexer

    Posted

    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

    0
  • P
    Danielβ€’ 140

    @obriedan

    Submitted

    I strugged making this fully responsive, though I think I've gotten it about 85-90% of the way there. I started mobile first, but even so, because of the non linear changes in margins and gaps between mobile / tablet / desktop I ended up having to use a tonne of breakpoints and so many clamp()s

    If you check in responsive mode with dev tools, the site should be fluid and look okay in every viewport width. But I'd really like to figure out a way to make it fluid without so many breakpoints.

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

    1

    Hexerβ€’ 3,660

    @EmmanuelHexer

    Posted

    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!

    0
  • Hexerβ€’ 3,660

    @EmmanuelHexer

    Posted

    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!

    0
  • Aakashβ€’ 10

    @Akash-pugazh

    Submitted

    I have not well optimized it for mobile can anyone suggest me how it can be done other than media query like can i learn bootstrap framework

    Nft Card challenge using css and html

    3

    Hexerβ€’ 3,660

    @EmmanuelHexer

    Posted

    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

    0
  • Jill Spencerβ€’ 30

    @jill-spencer

    Submitted

    This is my first front-end mentor project. In the earlier phases of learning. Any feedback is appreciated. Thank You

    Mobile-First with CSS Grid

    3

    Hexerβ€’ 3,660

    @EmmanuelHexer

    Posted

    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

    1
  • MikoΕ‚aj Kasperkiewiczβ€’ 70

    @PanMikolaj

    Submitted

    If u want to, You can point out some stupid mistakes and overworking. I did it with flexboxes because I thought it would be easy, but i know for sure that someone probably done it even easier.

    QR code component

    3

    Hexerβ€’ 3,660

    @EmmanuelHexer

    Posted

    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

    1
  • Hexerβ€’ 3,660

    @EmmanuelHexer

    Posted

    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

    1
  • Hexerβ€’ 3,660

    @EmmanuelHexer

    Posted

    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

    1
  • Hexerβ€’ 3,660

    @EmmanuelHexer

    Posted

    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

    0