Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
10

Eziefule Judith

@a2-112120 points

A web Developer basically starting out in Frontend Dev

Latest solutions

  • Responsive landing page using css and match media query in JavaScript

    #pure-css

    Eziefule Judith•120
    Submitted about 1 month ago

    Popup notification at desktop screen, just the way it was in the project.


    1 comment
  • Responsive page using flexbox

    #accessibility

    Eziefule Judith•120
    Submitted 4 months ago

    JavaScript and json


    0 comments
  • Responsive landing page using Grid

    #pure-css

    Eziefule Judith•120
    Submitted 4 months ago

    grid


    1 comment
  • Responsive Project using css

    #pure-css

    Eziefule Judith•120
    Submitted 4 months ago

    more documentation on grid and flex


    1 comment
  • Responsive page with css media query and flexbox

    #pure-css

    Eziefule Judith•120
    Submitted 4 months ago

    creating for forum for learning responsiveness


    1 comment
  • Responsive landing page with flexbox and width

    #pure-css

    Eziefule Judith•120
    Submitted 4 months ago

    is it possible to style a th in the same tr tag to be in a row format without creating too many tr tag???


    1 comment
View more solutions

Latest comments

  • P
    M Rafay•140
    @the-Exalter
    Submitted about 1 month ago

    Mobile-First Responsive Article Preview Component using Flexbox

    #pure-css
    1
    Eziefule Judith•120
    @a2-112
    Posted about 1 month ago

    So perfect a well done job I learnt alot from you

  • Denzel Nii Armah Ashitey•120
    @DennyDoesFrontend
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    This project helped me learn a little bit about tailwind-css. You can never know everything about something but you can keep growing.

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

    Had a lot of problems when trying to render images in Vite. Looked it up and tried so many alternatives but none of them worked. I came across the official vite guide and with that I was able to fix the issue in mere seconds. I would advise always reading the documentation if you ever get stuck with deployment. Not specifically tailed to vite but any deployment or build tool at all.

    Results summary component

    #react#vite#tailwind-css
    1
    Eziefule Judith•120
    @a2-112
    Posted 4 months ago

    Very impressive

  • P
    Mustapha•200
    @Mustapha909
    Submitted 4 months ago

    Testimonials-grid-section

    #pure-css
    1
    Eziefule Judith•120
    @a2-112
    Posted 4 months ago

    good one

  • P
    Alexwz89•480
    @Alexwz89
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am very happy to manage to use Flexbox to generate this irregular box display and have better understood the media query.

    however, I'd like to understand more about how to control the smooth transition effect when changing the width of page/body.

    Four card feature section using Flexbox

    #pure-css
    1
    Eziefule Judith•120
    @a2-112
    Posted 4 months ago

    This is so perfect and amazing

  • rechedev•50
    @rechedev1
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Neste desafio tive mais facilidade com flexbox em comparações ao outros desafios.

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

    Encontrei alguns desafios na responsividade do projeto, mas com alguns ajustes nas larguras eu consegui alinhar todo os meus itens com sucesso.

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

    Neste projeto não foi necessário, mas aceito sugestões de vocês... :)

    Product Preview Card Component

    #pure-css
    1
    Eziefule Judith•120
    @a2-112
    Posted 4 months ago

    You did amazingly well and the outcome is amazing. But you went against the hierachy of heading whereby you used a smaller heading before a larger heading (h6 before h1 which is wrong). I too made same mistake and was corrected happy to inform you.

    Marked as helpful
  • P
    Alexwz89•480
    @Alexwz89
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    After setting up the 4th page, I am getting more familiar with global setting for fonts and color from a design requirement (Figma), which increase some confidence for the team working.

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

    The major problem for me from his practice is the how to set the <li> styles, for this, I have asked GPT, and start to recognize the "li::marker"selector, list-style-position:outside/inside, how to set the padding and text indent.

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

    I'd like to understand how to align bullet with text. currently when my page is narrowed down to the mobile size, the <ul><li> Bullet is aligned with the 1st line of wrapped text. However, from the design, the bullet should vertical centered. I have not figure out how to do it. I'd like to get some help and advice from you. Thank you very much.

    Recipe Page based on Html and CSS with responsive design.

    #pure-css
    1
    Eziefule Judith•120
    @a2-112
    Posted 4 months ago

    Your code is perfectly okay and i learnt from it

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