Josh Pickard

Latest comments

• 

  Shiv•350

  @undrthegraveyardSubmitted 11 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

  30
  

  P

  Josh Pickard•130

  @joshpickardmePosted 11 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 11 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

  40
  

  P

  Josh Pickard•130

  @joshpickardmePosted 11 months ago

  Looks really good!

  0
• 

  Desmond Maina•90

  @des254Submitted 11 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

  50
  

  P

  Josh Pickard•130

  @joshpickardmePosted 11 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 11 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

  30
  

  P

  Josh Pickard•130

  @joshpickardmePosted 11 months ago

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

  0
• 

  El mahdi Benabbou•50

  @Elmahdi25Submitted 11 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

  60
  

  P

  Josh Pickard•130

  @joshpickardmePosted 11 months ago

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

  0
• 

  Leonardo Rezende•40

  @leozendeSubmitted over 1 year ago

  

  Result Summary Component with HTML, Tailwind CSS and JavaScript

  #fetch#tailwind-css

  1

  30
  

  P

  Josh Pickard•130

  @joshpickardmePosted over 1 year 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