Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
5
Comments
6
Tayler
@AbraKadabraPuf

All comments

  • Tayler•50
    @AbraKadabraPuf
    Submitted 12 months ago

    source

    1
    Tayler•50
    @AbraKadabraPuf
    Posted 12 months ago

    not quite clear which resolution to choose for the template, I choose the image jpg size on a scale of 100%.

  • Maximo•160
    @xmaxishh
    Submitted about 1 year ago

    Página responsive con FLEX, y media Querys

    1
    Tayler•50
    @AbraKadabraPuf
    Posted about 1 year ago

    я не понял как отцентровать плашку..

  • Control222•210
    @Control222
    Submitted about 1 year ago

    Social-links-profile

    1
    Tayler•50
    @AbraKadabraPuf
    Posted about 1 year ago

    Хочу добавить семантические теги, сделать такую страницу на свои профили и положить на гит, еще добавить ссылки на соц.сети

  • Micah Sells•100
    @Micahtron
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm mostly proud of how I was able to figure out more "recent" CSS stylings such as drop shadows, transformations, etc. on my own. I also wanted to get as close as I could to the design from eyeballing the visual image only, not extracting the numerical values from the Figma file.

    I'm also pleased at how much faster I was able to complete this compared to previous micro projects / components.

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

    The question was whether to nest the anchor tags inside their relative DOM elements, or place the DOM elements inside anchor tags. I decided to go with the latter because if this were a full-site design system or theme, there could easily be a case where h3 elements are NOT meant to also be hyperlinks and I didn't want the stylings to be tag-nesting dependent.

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

    I used a fixed size since this is a card component. When it comes to responsive designs I'm good with full site and section layouts, but any micro changes to smaller in-page components are not as intuitive to me for some reason.

    I would like to know if there's a way to make this (especially the text) slightly responsive without using a hard break point for elements other than the card body itself

    Blog preview card component

    1
    Tayler•50
    @AbraKadabraPuf
    Posted about 1 year ago

    An interesting option for executing all the code in HTML. Personally, I find it more convenient to divide the code into: html, css, js

  • SabaGithub31•10
    @SabaGithub31
    Submitted about 1 year ago

    QR code component

    1
    Tayler•50
    @AbraKadabraPuf
    Posted about 1 year ago

    Все хорошо

  • Grego•1,430
    @Grego14
    Submitted about 1 year ago
    What specific areas of your project would you like help with?

    I would appreciate help with input validations, should I use validityState or should I use regular expressions and other types of validations?

    Contact Form using basic HTML, CSS, JS and ValidityState Web API.

    #accessibility#bem
    1
    Tayler•50
    @AbraKadabraPuf
    Posted about 1 year ago

    Nice code, will use to learn your code

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