All comments

• 

  Fachrezi• 140

  @Fbeye04

  Submitted 14 days ago

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

  The different thing I did on this project was how I set the markup on the html file where through https://fedmentor.dev/posts/html-plan-product-preview/, I learned to use the picture tag to wrap images on various types of screens, use hgroup to make it easier to write titles, and use the s tag.

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

  adjustment to start working on the project through mobile design first. Other than that, the other things I faced were the same as in the previous question.

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

  all area of html and css

  

  Simple Product Preview Card using vanilla HTML and CSS

  1

  00

  

  thaArcadeGuy• 90

  @thaArcadeGuy

  Posted 14 days ago

  Your solution is responsive on different screen sizes.

  1
• 

  phucphan01866• 110

  @phucphan01866

  Submitted about 1 month ago

  

  Recipe page

  1

  00

  

  thaArcadeGuy• 90

  @thaArcadeGuy

  Posted about 1 month ago

  Congratulations upon finishing you solution. So here are a few issues that I think you can work on:

  • Add a horizontal line below the ingredients and instructions sections using the <hr> element in your index.html file.
  • Add border bottom lines using such CSS code:

  table {
      border-collapse: collapse;
  }
  
  tr {
      border-bottom: 1px solid hsl(30, 18%, 87%);
  }
  
  tr:last-child {
      border-bottom: 0;
  }
  

  • Style lists by adding space between the list markers and text using such CSS code:

  ul, 
  ol {
      padding-left: 1.25rem;
  }
  
  li {
      padding-left: 1.125rem;
      margin-bottom: 0.5rem;
  }
  
  li::marker {
      color: hsl(332, 51%, 32%);
      font-weight: 700;
  }
  

  • The other issue is that your solution is not responsive so instead of using px use rem or em and percentages for your measurement values. And also do some research on Media Queries.

  Let me hope you find this helpfully.

  Marked as helpful

  0
• 

  Sudais Ahmad• 10

  @AhmadDeveloperPro

  Submitted about 1 month ago

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

  know i learning tailwind css so i use tailwind again with some project

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

  this my first challenge and i started from basic

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

  this is very easy project so for this project i don't need any help from websites and youtube

  

  Social link profile using css flex and for responsive media screen

  1

  30

  

  thaArcadeGuy• 90

  @thaArcadeGuy

  Posted about 1 month ago

  Your solution is on-point except that you forgot to include the font family. Include <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet"> in your index.html and do the necessary styling.

  Marked as helpful

  0

  This comment has received 3 repliesShow
• 

  Snezhana Petlova• 30

  @snpetlova

  Submitted about 1 month ago

  

  Social Media Profile Links | Solution

  1

  10

  

  thaArcadeGuy• 90

  @thaArcadeGuy

  Posted about 1 month ago

  Hey, I think you uploaded the wrong solution to the challenge.

  0
• 

  Natnael Gete• 40

  @Natiman1

  Submitted about 1 month ago

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

  Nothing

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

  No Challenge it's pretty easy

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

  I wanna use grid next time

  

  Blog preview using CSS flexbox

  1

  50

  

  thaArcadeGuy• 90

  @thaArcadeGuy

  Posted about 1 month ago

  Your solution came out very well but the only issue is that the layout doesn't seem to be responsive to smaller screens.

  0

  This comment has received 2 repliesShow
• 

  Angelo Silva• 60

  @angelo-sigo

  Submitted about 1 month ago

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

  Hello! This is my solution for the QR code component challenge. I've opted by using just HTML5 and CSS3 for this project, and the thing that's make me most proud is the CSS code organization, I've spend a considerable time in code refactor to make it more readable and maintainable. I already have an idea of how to improve maintainability, but if you've any suggestion feel free to tell me!

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

  No particular challenge in mind, once I'm very familiar with the used technologies.

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

  I would like to know how I can improve my HTML code, for example, in terms of accessibility and good SEO practices.

  

  QR code component using semantic HTML and flexbox

  2

  20

  

  thaArcadeGuy• 90

  @thaArcadeGuy

  Posted about 1 month ago

  First of all I like how your CSS has been arranged. Me being a newbie in web development I think its well structured. The issue I see from your solution is the font color of the h1 element. From the style-guide that was given it should have been {color: hsl(218, 44%, 22%);}.

  0