Skip to content
OverviewSolutions
9
Comments
6
P
Josh Pickard
@joshpickardme

All comments

  • Shiv•350
    @undrthegraveyardSubmitted 7 months ago
    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
    Josh Pickard•130
    @joshpickardmePosted 7 months ago

    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
    0
  • ajkun55•1,400
    @ajkun55Submitted 7 months ago
    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
    Josh Pickard•130
    @joshpickardmePosted 7 months ago

    Looks really good!

    0
  • Desmond Maina•90
    @des254Submitted 7 months ago
    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
    Josh Pickard•130
    @joshpickardmePosted 7 months ago

    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

    0
  • Anuar06•80
    @Anuar06Submitted 7 months ago
    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
    Josh Pickard•130
    @joshpickardmePosted 7 months ago

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

    0
  • El mahdi Benabbou•50
    @Elmahdi25Submitted 7 months ago
    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
    Josh Pickard•130
    @joshpickardmePosted 7 months ago

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

    0
  • Leonardo Rezende•40
    @leozendeSubmitted 11 months ago

    First time using tailwind CSS and I realized that it might be better to use it with a framework to create separate components. I also tried reading the json in javascript and making it a little more dynamic. As the focus was on learning fetch, I ended up leaving the logic poorly done. If possible, I would like feedback on improvement

    Result Summary Component with HTML, Tailwind CSS and JavaScript

    1
    Josh Pickard•130
    @joshpickardmePosted 11 months ago

    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.

    1