Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Latest solutions

  • Submitted

    Article Preview Component

    #bem#sass/scss
    • HTML
    • CSS
    • JS

    0


    P

    @kaamiik


    What are you most proud of, and what would you do differently next time?

    Start to using more and more preprocessors. Please give me feedbacks about BEM and SASS styling.

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

    • I've used a lot absolute positioning on this challenge. It was tough for me.
    • There is some difference on mobile and desktop view when you click the share icon. This was really challenging.

    What specific areas of your project would you like help with?

    • Is my css on main image is true. It is not as same as the design.
    • Is my html structure true? how can I improve it?
    • For mobile view when I click the share icon I've used visually hidden class to disappear a default div and appear another div. For desktop I've used absolute positioning to show the div at the top of the share icon. Do you think It is a right approach?
    • Any comments on my JS?
    • Is there any accessibility classes that I should use here? I mean aria attributes.
  • Submitted

    Faq accordion

    • HTML
    • CSS
    • JS

    0


    shivani 270

    @shivani1410551


    What are you most proud of, and what would you do differently next time?

    That ive figured out the functionality on my own.

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

    the challange ive encounter was to toggle the plus and minus icon,ive looked up on stack overflow for the hint.

    What specific areas of your project would you like help with?

    responsiveness i suppose

  • Submitted


    @abanoubamgadnsary


    What are you most proud of, and what would you do differently next time?

    i am proud that i can know finish these small project of HTML and CSS in less time than before with hight quality

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

    still the positing element and Responsive layout

    What specific areas of your project would you like help with?

    nothing

  • Submitted


    @KevinPhDev


    What are you most proud of, and what would you do differently next time?

    Learning about hover effects

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

    Figuring out how to use box shadow

    What specific areas of your project would you like help with?

    Knowing what CSS units to use

  • Submitted

    FAQ accordian-main

    #accessibility
    • HTML
    • CSS
    • JS

    0



    What are you most proud of, and what would you do differently next time?

    Hey, guess what? I just successfully tossed in some JavaScript for the first time! 😂 It looks like I've stumbled upon a new talent. Better start cranking out more JS projects, 'cause apparently, that's where my hidden genius lies! 🚀

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

    So, picture this: the first two hours of me diving into the wild world of JavaScript code hunting. Yeah, I know, pretty lame, right? But hey, gotta start somewhere! 😅

    What specific areas of your project would you like help with?

    Sure thing! I'm open to suggestions, even if they're as welcome as a pineapple pizza at an Italian family reunion! 🍍🍕 But hey, variety is the spice of life, right?

  • Submitted


    Wespy07 50

    @Wespy07


    What are you most proud of, and what would you do differently next time?

    i did it without the figma file

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

    color codes and font sizes, i decided them from my own

    What specific areas of your project would you like help with?

    i havent added any links, because i only focused on the look of it and i didn't have much time

  • Submitted

    Four-card-feature-section

    #tailwind-css
    • HTML
    • CSS

    0


    @saifuldt


    What are you most proud of, and what would you do differently next time?

    Frontend-Mentor

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

    ready to

    What specific areas of your project would you like help with?

    next challenge

  • Submitted


    dkaffes 90

    @dkaffes


    What are you most proud of, and what would you do differently next time?

    I believe the styling of all the active states looks pretty neat! 🎉

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

    I had some minor issues styling the call to action button links and especially the active states but all the problems were solved.

    For the :focus state an inset box-shadow trick was used to have a "non-moving" border.

  • Submitted

    Social media Dashboard with theme switcher

    #accessibility#sass/scss
    • HTML
    • CSS
    • JS

    0


    MarieG41 140

    @MarieG41


    What specific areas of your project would you like help with?

    I'd like some help with the theme switcher for the data in the Dashboard the first data stays as the light version and I don't know how to fix that.

  • Submitted


    Michael 20

    @vonsacker


    What are you most proud of, and what would you do differently next time?

    I made this in about an hour, its not perfect but i'm working faster.

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

    There are still some struggles with aligning items, but i'm getting the hang of it.

    What specific areas of your project would you like help with?

    Any feedback is more then welcome!

  • Submitted


    @RaymondKalama


    What are you most proud of, and what would you do differently next time?

    It was a good challenge, being reminded of media queries.

  • Submitted


    @thedanielking


    What are you most proud of, and what would you do differently next time?

    I wrote javascript for the first time so im really proud and i learnt some basics concepts of applying javascript to my html and css projects. Next i would employ the use of classes and functions more rather than writing it plain for concise implementation.

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

    Because it was my first time, i encountered challenges like finding the nextSibling of the element and using certain javascript syntax but i overcame by studying the basics and cross- reading over the DOM aspect of html in JavaScript.

    What specific areas of your project would you like help with?

    I need help in understanding how the DOM works and how to confidently write my JavaScript code.

  • Submitted

    news-homepage

    #react
    • HTML
    • CSS
    • JS

    1


    @Alexworldwid


    What are you most proud of, and what would you do differently next time?

    i had problem with the sidebar and the problem was making it span the full length when i scroll down. please any help on that will be apprietiated

  • Submitted


    @AkshayV30


    What are you most proud of, and what would you do differently next time?

    CSS GRID. I would like to make it more responsive for various other. screen sizes

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

    no challenge

    What specific areas of your project would you like help with?

    i would like to make it more responsive

  • Submitted


    Wespy07 50

    @Wespy07


    What are you most proud of, and what would you do differently next time?

    I think I made it just fine

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

    no particular challenge as such

    What specific areas of your project would you like help with?

    suggest me anything

  • Submitted

    FAQ

    • HTML
    • CSS
    • JS

    0


    P
    Quân 100

    @Kwun7826


    What are you most proud of, and what would you do differently next time?

    More dropdown concept

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

    Coding dropdown button

    What specific areas of your project would you like help with?

    There is a button next to the question, if you click it it will display the text Would be great if you can improve my JS code thanks a lot, i dont have time to complete the whole thing, just the concept of it

  • Submitted

    Social Links Profile

    #angular#tailwind-css
    • HTML
    • CSS

    0


    Vishal 130

    @vishalyv252


    What are you most proud of, and what would you do differently next time?

    I created this project using angular and tailwind. It is easy to use and requires less time.

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

    I had faced little bit at layout styling.

    What specific areas of your project would you like help with?

    Could you include tablet design for all projects?

  • Submitted


    Nikki 10

    @nicolette-codes


    What are you most proud of, and what would you do differently next time?

    I won't forget to change the font style and wonder why the text looked so off in Firefox. xD

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

    Getting the positioning done required some try and error.

    What specific areas of your project would you like help with?

    If there are any glaring issues let me know.

  • Submitted

    Next and tailwind css page

    #next#tailwind-css
    • HTML
    • CSS

    0


    Umutesi23 10

    @Umutesi23


    What are you most proud of, and what would you do differently next time?

    speed

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

    none

    What specific areas of your project would you like help with?

    none

  • Submitted


    Wespy07 50

    @Wespy07


    What are you most proud of, and what would you do differently next time?

    I have tried to make it the best as per my current knowledge level.

    I've also added simple hover effects

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

    vertically aligning the container to the center.

    put height 100vh to the parent element and its solved

    What specific areas of your project would you like help with?

    nothing, I think I have solved perfectly

  • Submitted


    @jeffgicharu


    What are you most proud of, and what would you do differently next time?

    I'm proud that I was able to structure my HTML well and use a media query in my CSS. Next time I would include more CSS in the media queries.

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

    I can't really say I encountered any challenges.

    What specific areas of your project would you like help with?

    I would like some help with the media queries

  • Submitted

    tailwind with flexbox

    #tailwind-css
    • HTML
    • CSS

    0


    ndycyborg 10

    @itsgloby


    What are you most proud of, and what would you do differently next time?

    That it works... but I don't know if it's properly coded.

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

    Few difficulties but I don't know if everything is properly done, that's my problem.

    What specific areas of your project would you like help with?

    Tailwind: class, responsiveness.

  • Submitted


    @ArkarHein44


    What are you most proud of, and what would you do differently next time?

    I used grid rather than flex box..

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

    No.I used HTML and CSS only, it's enough..

    What specific areas of your project would you like help with?

    min-height

  • Submitted

    base-apparel-coming-soon-master

    #accessibility#solid-js
    • HTML
    • CSS
    • JS

    0


    hilla 620

    @hilla10


    What are you most proud of, and what would you do differently next time?

    everything i create almost the same with design file and next i will try my best.

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

    input field validation on the email i don't know how to do but i search google how to validate email.

    What specific areas of your project would you like help with?

    input field validation email

  • Submitted

    Intro Section With Dropdown Navigation

    #web-components
    • HTML
    • CSS
    • JS

    0


    @valentinvera


    What are you most proud of, and what would you do differently next time?

    I am proud to have acquired new concepts in javascript and to have been able to overcome some complications at some points. Next time what I would do differently is to look for information more quickly.

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

    I have encountered challenges when working with the hamburger menu, as I had problems with mobile and pc usage. I was able to solve it by reading documentation and with practice and error.

    What specific areas of your project would you like help with?

    Me gustaría recibir ayuda sobre las clases y el DOM en javascript específicamente.

  • Submitted

    Used Tailwindcss and Grid Layout

    #tailwind-css
    • HTML
    • CSS

    0


    Samir 100

    @Samir22Raj


    What are you most proud of, and what would you do differently next time?

    Started the use of the grid layout with this component. Was able to get a basic grasp of the flow of the components and the structure thanks to this. But would like to further improve my understanding of the grid layout.

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

    The transition in design from mobile to desktop had me scratching my head. Still have a lot to figure out on grid layout. Used the order property to change the "order" of elements in the grid.

    What specific areas of your project would you like help with?

    Would appreciate it if someone could point me in the direction of understanding the grid component. Also, I can't seem to get a hold of width and height for some reason, especially min and max height.

Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord