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

vv

@dblvv140 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

  • testimonials-grid-section-main


    vv•140
    Submitted about 1 year ago

    this one is not really complex


    1 comment
  • four-card-feature-section-master


    vv•140
    Submitted about 1 year ago

    better shadowing tech


    1 comment
  • Responsive product preview card component


    vv•140
    Submitted about 1 year ago

    this time i managed somehow since nothing entirely new just yet


    1 comment
  • Recipe page


    vv•140
    Submitted about 1 year ago

    h3 throws error: Heading levels should only increase by one

    no idea how to fix, ive already used h1 and h2, albeit later


    1 comment
  • Recipe page


    vv•140
    Submitted about 1 year ago

    0 comments
  • Social link profile


    vv•140
    Submitted about 1 year ago

    Sizing and scaling


    2 comments
View more solutions

Latest comments

  • VANI MITTAL•160
    @vanimittal1304
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of how far I've come in understanding and applying CSS. Each project I work on helps me improve my skills, and seeing tangible progress is rewarding. Next time, I would aim to plan my projects more thoroughly from the outset, considering potential challenges and solutions in advance. This proactive approach would likely lead to smoother development processes and more polished final products.

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

    Encountering challenges in web development is common, and overcoming them often involves a combination of research, experimentation, and persistence.

    Making Grid: Grid layouts can be tricky to implement, especially when dealing with complex structures. To overcome this challenge, I first ensured a clear understanding of CSS grid properties and how they interact. Then, I broke down the layout into smaller components and tackled them one at a time, testing and adjusting as needed until achieving the desired grid structure. Media Queries: Media queries are essential for creating responsive designs that adapt to different screen sizes. To overcome difficulties with media queries, I referenced documentation and tutorials to understand the syntax and usage effectively. I experimented with various breakpoints and tested the layout across different devices to ensure responsiveness. Background Design of First Div: Implementing a background design, especially with opacity, requires careful consideration of CSS properties. To address this challenge, I experimented with background colors, gradients, and opacity settings to achieve the desired effect. I also adjusted z-index values to ensure proper layering of elements. Unsolved Challenges: Some challenges may require further research or troubleshooting. If the background design and media queries are still unresolved, I would revisit the CSS code, double-checking syntax and property values. Additionally, seeking assistance from online communities or forums can provide valuable insights and solutions from experienced developers.

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

    For assistance with the media query section of your project, please provide more specific details about the issues you're encountering or the changes you'd like to make. Are you having trouble with the syntax, the responsiveness of elements, or achieving a specific layout at different screen sizes? Providing more context will help me offer targeted guidance or solutions.

    Blog Preview

    1
    vv•140
    @dblvv
    Posted about 1 year ago

    choosing the right font color is key. i would recommend centering main each time or at least adding some top margin. most projects here seems to fit. using flexbox for that is what i suggest.

    Marked as helpful
  • P
    mrcordova•1,360
    @mrcordova
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I like how the layout came out especially with the middle cards.

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

    I was having a bit of trouble getting the images in the card to fit, I added flex to the images and that constrained them to their container.

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

    I welcome any general feedback, and I was curious how I could make the middle cards be the exact size of the other cards in desktop mode.

    Four card feature section

    1
    vv•140
    @dblvv
    Posted about 1 year ago

    font is dubious, can fit but id stick with the provided one. seems like you also forgot to change to bg of div to white xd

  • Divadovitch•190
    @Divadovitch
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    To use Grid and Flexbox on the same project and add aria attribute in HTML.

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

    First I tried to use only flexbox, but didn't manage to wrap the elements correctly, then I used CSS grid to do the job.

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

    For that project it's ok but if you know a good article talking about flexbox, more precisely how to control exactly (with size or other) the point where the wrap option occur on flexbox.

    Product preview card with flexbox and grid

    1
    vv•140
    @dblvv
    Posted about 1 year ago

    how can people replicate so accurately like this, you will hear no good advice from me, couldnt have done it any better

  • CodeHeaven•160
    @twobottles2092
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    This was my first challenge here so I am expecting a little mess but I am proud

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

    The responsiveness and some elements I just knew when i coding

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

    Responsiveness

    Basics of Html and CSS

    2
    vv•140
    @dblvv
    Posted about 1 year ago

    Code structure is very easy to follow.

    Within instructions list items should have margin or padding. Those should be spaced apart.

    Spacing between nutrition table's item should be also more clear.

    Headings seem to have the wrong font weight.

    Those aside, great solution.

    Marked as helpful
  • Noman•360
    @pxycknomdictator
    Submitted about 1 year ago

    Responsive social links page

    1
    vv•140
    @dblvv
    Posted about 1 year ago

    Pretty much spot on.

    Font sizes between headers should be more clear.

    Spacing need some work.

  • magv01•40
    @magv01
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Getting the design close to the figma design

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

    focus state for the H2. I put an anchor tag inside of a H2 element

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

    In terms of semantics could this be written better? also is an anchor tag inside a H2 the best way to make the "link" accessible for someone only using a keyboard? I could find online this was one way to be able to put a focus state on the title but not sure it's the best way

    Blog preview - Flex, hover and focus states

    2
    vv•140
    @dblvv
    Posted about 1 year ago

    Scaling on point. Uncanny.

    I do prefer classes and the > operator over your extensive use of classes. Though I of course don't know what is the standard. Just seems overwhelming from the perspective of a beginner.

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