Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
5
Comments
1

Eyelin

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

  • Responsive landing page using Sass and mobile-first workflow

    #accessibility#bootstrap#sass/scss

    Eyelin•70
    Submitted over 2 years ago

    0 comments
  • Responsive landing page using flexbox and mobile-first workflow

    #accessibility#bootstrap

    Eyelin•70
    Submitted over 2 years ago

    1 comment
  • Product preview card component solution using Flexbox

    #accessibility

    Eyelin•70
    Submitted over 2 years ago

    2 comments
  • NFT preview card component

    #accessibility

    Eyelin•70
    Submitted almost 3 years ago

    4 comments
  • My first HTML and CSS solution using Bootstrap!

    #bootstrap

    Eyelin•70
    Submitted almost 3 years ago

    0 comments

Latest comments

  • Sunday•20
    @junioradeola
    Submitted almost 3 years ago

    Responsive landing page using only HTML and CSS

    #materialize-css
    1
    Eyelin•70
    @Eyelin
    Posted almost 3 years ago

    Hi Sunday, congratulation on complete the challenge, I also completed it today, I don't have much experience, but in my case I added the SVG images with the <img> </img> tag, I also used them with the CSS property background-image, for example I used the view image in this way: background-image: url(images/icon-view.svg);

    Also, SVG images can be written directly into the HTML document using the <svg> </svg> tag. Using this method lets you perform more customization as opposed to using either the <img> or background-image methods, but in my case those were the methods used because I chose the simplest way.

    For accessibility reasons please ensure all content is contained within a landmark region, designated with HTML5 landmark elements and/or ARIA landmark regions, since this is a simple project with only one main element, I think a <main></main> tag will solve the problem shown in your report. Congrats and keep coding!

    Marked as helpful
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