Skip to content
OverviewSolutions
9
Comments
6
P

Josh Pickard

@joshpickardmeUnited Kingdom130 points

Hello! I'm an apprentice Software Engineer working in the United Kingdom. My main interest is in a frontend context but I'm learning the full stack. If you want to view a catalogue of all my submissions, view my site: www.frontendmentor.joshpickard.me

I’m currently learning...

Full Stack Development

Latest solutions

View more solutions

Latest comments

  • Shiv•350
    @undrthegraveyard
    What are you most proud of, and what would you do differently next time?

    I am not satisfied with how it turned out, it could have been better and would have taken way less time.

    Next time, I will definitely think more logically before writing my code in HTML and CSS.

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

    Foremost challenge I encountered was to make the image-container look the same as given in the brief, I used ChatGPT to help me with it.

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

    I would love some feedback on my structure of the code. My goal is to write as efficiently as possible.

    QR Code using HTML and CSS

    1
    P
    Josh Pickard•130
    @joshpickardme

    You say you are "not satisfied with how it turned out" yet you've produced something that is very close to the design.

    Some very simple improvements that you could make to help you write as efficiently as possible.

    1. Change the HTML element for the text "Improve your front-end skills by building projects" from a <p> to a <h1>. Remove the class attribute from both text elements as it's now no longer needed.
    2. In styles.css you can select h1 and p instead of having selecting classes that are .p1 and .p2. It makes sense semantically that the bolder text is the heading.

    Hope this helps

    Marked as helpful
  • ajkun55•1,400
    @ajkun55
    What are you most proud of, and what would you do differently next time?

    all

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

    it's ok

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

    it's ok

    Recipe page

    1
    P
    Josh Pickard•130
    @joshpickardme

    Looks really good!

  • Desmond Maina•90
    @des254
    What are you most proud of, and what would you do differently next time?

    Using CSS Flexbox in my code.

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

    Centering the container vertically

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

    Nothing for now.

    Responsive blog preview card using HTML and CSS Flexbox

    1
    P
    Josh Pickard•130
    @joshpickardme

    You can centre the content in the middle of the page by having a div or a section that is flex with a min-height: 100vh justify-content: center and align-items: center

  • Anuar06•80
    @Anuar06
    What are you most proud of, and what would you do differently next time?

    I would learn to better look information up.

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

    The alignment between author's image and author's name was a bit difficult to set.

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

    I think the part with using the grid.

    Blog preview card

    1
    P
    Josh Pickard•130
    @joshpickardme

    I cannot see the image, looks like it's not loaded

  • El mahdi Benabbou•50
    @Elmahdi25
    What are you most proud of, and what would you do differently next time?

    What I'm really proud of is spending a lot of time learning the basics of HTML and CSS. Figuring out where to put things on a webpage and how to make it look good used to be really hard for me. But by practicing a lot and doing challenges on Frontend Mentor, I've gotten a lot better. I didn't just watch videos on YouTube—I actually practiced. Thanks, Frontend Mentor! Next time, I'll definitely subscribe because it's so helpful for developers like me to get hands-on experience.

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

    At the moment, everything's fine, but I know it might get tougher. I'll just do my best to handle it.

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

    If anyone sees my version of the challenge, let me know if there's anything I can change to make it better. Thank you!

    html css(flexbox, text-alignment, font-family:outfit;)

    1
    P
    Josh Pickard•130
    @joshpickardme

    The paragraph text is very light on a light background. Not very easy to read.

  • P
    Josh Pickard•130
    @joshpickardme

    I use TailwindCSS with React / Next.js and it certainly makes it much more fun and easier to work with. For this, I'd probably make the different categories (reaction, memory, verbal visual) into one component.