Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
8

Sardor Akmalovich

@akmalov11c190 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Fylo dark landing page using HTML, SCSS and Javascript with responsive

    #accessibility#sass/scss#bem

    Sardor Akmalovich•190
    Submitted about 1 year ago

    0 comments
  • Fully Responsive Meet Landing page using HTML, CSS, Flexbox, BEM.

    #accessibility#bem

    Sardor Akmalovich•190
    Submitted about 1 year ago

    1 comment
  • Testimonials Grid Section using SASS, Grid. Fully responsive

    #accessibility#sass/scss

    Sardor Akmalovich•190
    Submitted about 1 year ago

    1 comment
  • Four card section using SASS with responsive, Flexbox

    #sass/scss#accessibility

    Sardor Akmalovich•190
    Submitted about 1 year ago

    1 comment
  • Product preview card using SASS Mobile first

    #sass/scss

    Sardor Akmalovich•190
    Submitted about 1 year ago

    1 comment
  • Recipe card component using SASS with Responsive

    #sass/scss

    Sardor Akmalovich•190
    Submitted about 1 year ago

    1 comment
View more solutions

Latest comments

  • Mikhail•460
    @mkostrikov
    Submitted 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
    Sardor Akmalovich•190
    @akmalov11c
    Posted about 1 year 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
  • Donovan Romero•100
    @nsvonod12
    Submitted about 1 year 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
    Sardor Akmalovich•190
    @akmalov11c
    Posted about 1 year 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!

  • Augustine Stephen Abah•60
    @ababaug
    Submitted about 1 year 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
    Sardor Akmalovich•190
    @akmalov11c
    Posted about 1 year 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!

  • P
    Julie Crotzer•450
    @JCrotzer
    Submitted about 1 year 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
    Sardor Akmalovich•190
    @akmalov11c
    Posted about 1 year 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!

  • Ahmed A Zenaty•40
    @Ahmedzenaty
    Submitted about 1 year 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
    Sardor Akmalovich•190
    @akmalov11c
    Posted about 1 year 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!

  • Mennatalla•90
    @Mennatalla-Khougha
    Submitted about 1 year 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
    Sardor Akmalovich•190
    @akmalov11c
    Posted about 1 year 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
View more comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub