Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
21
Comments
26
yas-avocad
@yas-avocad

All solutions

  • Skilled ELearning Landing Page


    yas-avocad•360
    Submitted 12 months ago

    How to make the main text and image hero not run into each other when changing the browser size.


    1 comment
  • Fylo Data Storage Component


    yas-avocad•360
    Submitted 12 months ago

    0 comments
  • NFT Preview HTML&CSS


    yas-avocad•360
    Submitted 12 months ago

    I couldn't get a transition to work on the pseudo elements for hover :hover:after and :hover:before. I made elements that were :after and :before and applied the transition there, but it only made the beginning of the transition work, not the end.


    0 comments
  • Responsive Huddle Landing Page HTML & CSS


    yas-avocad•360
    Submitted about 1 year ago

    I'm still having problems with the backgrounds. I'm better at adding and positioning them, but the responsiveness is really weird. How do I make the position of the background images absolute?


    2 comments
  • Responsive Social Proof HTML & CSS


    yas-avocad•360
    Submitted about 1 year ago

    Just a check up on if I should be doing anything better. From other comments, I switched to using rems, and started using nth child- So anything new I should be doing or not doing :)


    0 comments
  • Responsive Single Price Grid HTML & CSS


    yas-avocad•360
    Submitted about 1 year ago

    0 comments
  • Profile Card with Challenging Circles


    yas-avocad•360
    Submitted about 1 year ago

    Background circles.


    0 comments
  • Responsive Result Summary HTML & CSS


    yas-avocad•360
    Submitted about 1 year ago

    0 comments
  • Respondive 3 column layout HTML&CSS


    yas-avocad•360
    Submitted about 1 year ago

    :)


    0 comments
  • Responsive Grid with HTML/CSS


    yas-avocad•360
    Submitted about 1 year ago

    Just advice on how to approach sorting out the elements that are the same, but just different by a few characteristics. I feel like I had to make way to many classes. There has to be an easier way right?


    1 comment
  • Responsive Four Card with HTML/CSS


    yas-avocad•360
    Submitted about 1 year ago

    Any feedback is always welcome :)


    1 comment
  • Responsive Product Card with HTML/CSS


    yas-avocad•360
    Submitted about 1 year ago

    Corner is not taking the border-radius. Tried overflow: hidden and seeing if certain elements were preventing it from curving.


    1 comment
  • Responsive Social Links Profile with HTML/CSS :) (Second attempt)


    yas-avocad•360
    Submitted about 1 year ago

    Is my code easy to read? How can I make it easier to understand?


    1 comment
  • Blog card using CSS & HTML second attempt with active status


    yas-avocad•360
    Submitted about 1 year ago

    Font size/weight for the main body of text. I can't seem to get it exact.


    2 comments
  • Stats Preview card in HTML & CSS


    yas-avocad•360
    Submitted about 1 year ago

    0 comments
  • QR code - Second attempt after some practice


    yas-avocad•360
    Submitted about 1 year ago

    Any advice on getting closer to the original


    1 comment
  • Recipe Page Css & HTML


    yas-avocad•360
    Submitted about 1 year ago

    N/A


    1 comment
  • Order summary html & Css


    yas-avocad•360
    Submitted about 1 year ago

    0 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

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