Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
10
P
Matthef
@MatFrat95

All solutions

  • Bento grid with only grid used


    P
    Matthef•190
    Submitted 4 months ago

    I need to practice, practice and .. practice!


    0 comments
  • Meet landing page SCSS Grid/Flex

    #sass/scss

    P
    Matthef•190
    Submitted 4 months ago

    Can i use 'margin: -3rem;' to move element up? And .. why I can't see picture from footer here and I can see it on live server? Besides that I will appreciate if anyone give me any feedback :D


    1 comment
  • Testimonials grid section

    #sass/scss

    P
    Matthef•190
    Submitted 5 months ago

    I belive there is more eficient way of using grid, than placing every single object individualy. My question is, how can i reach that kind of effect - irregullar placement. I tried grid-auto-fill:dense; but it wasn't work too well.


    1 comment
  • Four card feature section Flex/Grid mix

    #sass/scss

    P
    Matthef•190
    Submitted 5 months ago

    I had problem with responsiveness of site. After some trial and error fun with code I finally created page similar to screenshots BUT I have one question. During coding I had conception to make cards first next to each other i columns, like on mobile screen, then move them in two columns of two cards, one under the other, and then add proper look from deskop screen. With grid I wasn't able to reach that effect. because grid lines makes it impossible. How can i place object in grid in the middle of line? I was thinking about creating separate code in HTML for @media to use flex and another one for grid, and hide previous with display:none;. How can I do it without repeating code?


    1 comment
  • Product preview card component with Flex elements

    #sass/scss

    P
    Matthef•190
    Submitted 6 months ago

    I couldn't figure out how to create button with icon and text being in the same line. I tried with margins, paddings, line-height. I'm sure there is a simple way to fix that, I don't know if using flex on regular button is fine. I hope some of you guys can answer my question. Simple analysis of my code could be helpful too.


    2 comments
  • Frontend Mentor | Recipe page with HTML and CSS

    #sass/scss#bem

    P
    Matthef•190
    Submitted 7 months ago

    I'd like to know few things. Would it be better to use sections for every single part of recepie page, or just use divs with classes as i did in project. I need deeper understanding of list and table creating, will for sure search for more information about it. I wanna know how to set marker on list to make dot centered verticaly regard to number of lines like on project - thats the only thing i could't find anywhere.


    1 comment
  • Social links profile | HTML and CSS

    #sass/scss#bem

    P
    Matthef•190
    Submitted 7 months ago

    1 comment
  • Blog preview card

    #sass/scss#bem

    P
    Matthef•190
    Submitted 7 months ago

    1 comment
  • QR code project with HTML and CSS (SCSS)

    #sass/scss#bem

    P
    Matthef•190
    Submitted 8 months ago

    I have problem with building class for each element of website. For example, it's still a little difficult for Me to name elements and make them responsive without making huge errors.


    1 comment
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