Sardor Akmalovich

Latest comments

• 

  Mikhail•460

  @mkostrikovSubmitted about 1 year ago

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

  I used parcel, sass and pug in the project

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

  Еhere were difficulties with the structure of the project, with styles. Сouldn't get the desired background color in the footer.

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

  I will be glad of any help

  

  Meet landing page

  #bem#sass/scss#parcel

  1

  20
  

  Sardor Akmalovich•190

  @akmalov11cPosted 11 months ago

  Hi, congratulations on completing the challenge!

  Your HTML code for the Meet landing page looks good! Here are some simple suggestions to improve it further:

  • Semantic HTML Elements: Consider using more semantic tags like <section> and <article> where appropriate to enhance readability and SEO.
  • Accessibility: Add meaningful alt attributes to images, especially the logo SVG. This helps screen readers describe the images to users with visual impairments.
  • Inline SVG: Move the inline SVG to an external file and use the <img> tag or <use> with <symbol> for cleaner HTML.
  • Footer Content: Wrap footer content in <footer> instead of <section>. This improves semantic structure.
  • Comments: Add comments in your HTML and CSS to describe sections and styles. This helps maintain the code in the future.
  • Testing: Test your HTML for responsiveness and accessibility using tools like Lighthouse or Wave.

  These changes will help make your HTML more semantic, accessible, and maintainable. Great job on your project!

  Marked as helpful

  0
• 

  Donovan Romero•100

  @nsvonod12Submitted 11 months ago

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

  The use of grid

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

  No problems

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

  None by the moment

  

  Testimonials grid section - Responsive

  1

  40
  

  Sardor Akmalovich•190

  @akmalov11cPosted 11 months ago

  Hi there! You've put together a visually striking layout with engaging content. Here's some feedback to help refine your project:

  HTML:

  1. Your HTML structure is well-organized and uses appropriate tags. However, you could enhance accessibility by including alternative text for your images using descriptive alt attributes.
  2. Consider utilizing semantic HTML elements such as <article> and <figure> to provide more meaning to your content, especially for screen readers and search engine optimization.

  CSS:

  1. Your use of CSS variables is excellent for maintaining consistency and making updates easier. Consider giving your variables more meaningful names to improve readability and maintenance.
  2. You're effectively applying responsive design techniques with media queries. However, ensure that your media query syntax is correct (e.g., @media (min-width: 1200px)) to properly target larger screens.

  Overall, you're off to a great start! Keep experimenting with design and layout to enhance user experience, and continue honing your skills. Happy coding!

  1
• 

  Augustine Stephen Abah•60

  @ababaugSubmitted 11 months ago

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

  I was able to complete the project with what I learnt on CSS Grid from Kevin Powell Youtube Channel.

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

  trying to vertically align the side grids, but I was able to solve that by reading mdn documentations.

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

  None

  

  Four card feature section

  1

  50
  

  Sardor Akmalovich•190

  @akmalov11cPosted 11 months ago

  Hey there, great job on your implementation!

  Your code is clean and well-structured. Keep up the excellent work, and don't hesitate to experiment with new techniques and seek feedback from peers to continue improving. Happy coding!

  0
• 

  P

  Julie Crotzer•450

  @JCrotzerSubmitted 12 months ago

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

  Using rem and em for sizes for better responsiveness.

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

  n/a

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

  n/a

  

  Responsive Product Preview Card using flexbox, css and html

  1

  60
  

  Sardor Akmalovich•190

  @akmalov11cPosted 12 months ago

  Great job on the layout of your main section! Now, let's provide some feedback:

  • Your HTML structure is simple and effective, using appropriate tags for different elements.
  • The CSS styling is well-organized and easy to follow, with clear comments.
  • The use of CSS variables for colors enhances maintainability and consistency.
  • The design is responsive, adjusting smoothly between mobile and desktop views thanks to the media queries.
  • To improve consistency and visual appeal, consider increasing the border-radius for the ".mobile-img" and ".desktop-img" elements to match the rounded corners of the container.
  • Paying attention to padding throughout the design, especially within ".card-content", can help create better spacing and alignment for your content.
  • Consider using the <picture> element to provide different image sources based on the device's viewport size. This can improve performance and optimize image loading for users on various devices, ensuring they receive the most appropriate image resolution.

  Overall, your code shows a good understanding of HTML and CSS. Keep refining your skills, and don't hesitate to reach out if you need further assistance. Keep up the good work!

  0
• 

  Ahmed A Zenaty•40

  @AhmedzenatySubmitted 12 months ago

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

  none

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

  none

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

  none

  

  recipe-page-main

  1

  40
  

  Sardor Akmalovich•190

  @akmalov11cPosted 12 months ago

  Great job on the recipe page component!

  Your HTML and CSS skills are solid, showing attention to detail and usability. Just remember to pay more attention to colors, especially for list markers. Also, adding a border-bottom to each table line except the last one would improve clarity. Keep refining your skills for better designs. Happy coding!

  0
• 

  Mennatalla•90

  @Mennatalla-KhoughaSubmitted 12 months ago

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

  It took 45 minutes

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

  Adjusting the fonts size

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

  i am not sure the font sizes are right

  

  Frontend Mentor | Social links profile

  1

  30
  

  Sardor Akmalovich•190

  @akmalov11cPosted 12 months ago

  Great job on the card component!

  Now, let's dive into some feedback to further enhance your work.

  HTML:

  • Your HTML structure is clear and easy to follow. It could be improved slightly by using more semantic elements like <article> and <ul>.

  Responsive Layout:

  • Your card layout adapts well to smaller screens. Consider adding media queries for larger screens to maintain consistency.

  Adherence to Design:

  • Your solution closely matches the design provided.
  • For the ".s-m" class, consider increasing the border-radius to create a smoother and more visually appealing button-like appearance.
  • In general, paying attention to padding throughout your design can greatly enhance the overall spacing and readability. Consider adjusting padding values to create more balanced and visually pleasing layouts.

  Overall, your solution demonstrates a solid understanding of HTML and CSS, with attention to detail and usability. Keep up the good work, and continue refining your skills to create even more polished and accessible designs. Happy coding!

  Marked as helpful

  1