Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
16
Comments
12
Biskup85
@Biskup85

All comments

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

    none

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

    none

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

    none

    testimonials-grid-sections

    1
    Biskup85•220
    @Biskup85
    Posted about 1 year ago

    Yes, you have received perfect results.

  • Anton Vasilache•580
    @Antonvasilache
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?
    • Creating a more complex layout using grid and flex containers, to minimize the use of fixed values.
    • Figuring out and creating the layout relatively quick, vast majority of time was spent on the fine details.
    What challenges did you encounter, and how did you overcome them?
    • Creating the shadow just as in the design file, I still think color is not exactly right.
    • Adjusting the spacing at the end, trying to match the design as best as possible.
    What specific areas of your project would you like help with?
    • Placing the container on the page, not sure if using vh was the best option.
    • Not confident with how to use the box-shadow properties.

    Responsive four card feature section using CSS grid and flex

    2
    Biskup85•220
    @Biskup85
    Posted over 1 year ago

    Hello, you can try introducing to font-size rem, and for padding and margin em. I'm thinking it's a good pattern for responsive sites.

  • DivasJaglan•170
    @DivasJaglan
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    Proud of making this page responsive although I could not think about any approach for this then remembered about the grid 💡

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

    I faced challenge in aligning the cards for the desktop. 💻 Then I came to know about the grid layout. I solved much of my problem, then the next was for the middle two cards so, I set the display to flex for them.

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

    I think grid layout is more complex. I need some more practice to get a good command on that.

    Responsive Four Card Section Page

    1
    Biskup85•220
    @Biskup85
    Posted over 1 year ago

    You do a great job, it's really pretty neat. Are you using might figma?

    Marked as helpful
  • Anthony•60
    @codimaniac
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    It took me lesser time to implement the code

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

    I used img for the product image which turned out to be a bad idea but when I changed it to an empty div with the product image as background it was better.

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

    I will like to get feedback on

    • My naming convection
    • Overall structure of the code
    • I would also like to know if there is a way to do it better

    Responsive Product Preview Card

    #sass/scss
    1
    Biskup85•220
    @Biskup85
    Posted over 1 year ago

    It's a very pretty, good job.

  • Monfaredz•120
    @Monfaredz
    Submitted over 1 year ago

    product-preview-card-component-main

    1
    Biskup85•220
    @Biskup85
    Posted over 1 year ago

    Pretty neat.

  • James•30
    @JimCoder-Dev
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    Speed to get online

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

    The right amount of margin and padding

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

    Using classes or ids rather than styling using the HTML elements

    QR Component

    2
    Biskup85•220
    @Biskup85
    Posted over 1 year ago

    It looks pretty neat.

  • Amit Kulkarni•10
    @Amit-Webdev
    Submitted over 1 year ago

    Omelette Recipe page

    1
    Biskup85•220
    @Biskup85
    Posted over 1 year ago

    Pretty neat.

  • pauzuffinetti•90
    @pauzuffinetti
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    So, i'm still trying to make the containers be centered in the middle of the page and not just at the top. I've tried using flexbox, justify-content, align-items, but it's always at the top of the viewport.

    For what i know, it's not a good practice to center containers using margin or giving the body element flexbo properties.

    If anyone could give me a hand, i'd appreciate it a lot. Also excuse my english, if there's something you don't understand feel free to ask.

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

    Centering the container.

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

    Centering the container lol.

    Responsive Blog Preview Card

    #sass/scss
    3
    Biskup85•220
    @Biskup85
    Posted over 1 year ago

    Try doing .bigcontainer flex and .cardcontainer give align-self: center. And .bigcontainer make height: 100vh.

  • JAYMALA•30
    @JAYMALA-963
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    ~

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

    ~

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

    ~

    Social Links Profile using plain CSS

    1
    Biskup85•220
    @Biskup85
    Posted over 1 year ago

    Try doing align-items for children.

    Marked as helpful
  • Harsh Kumar Dwivedi•720
    @Harsh-Kumar-Dwivedi
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am proud that I was able to build solution for this "Blog Preview Card" project using only HTML & CSS which is quite closer to given design.

    From next time, I would prefer to solve problems into hierarchical fashion whether its whole project or problems that occur during building as not being in an order consumes more time fixing things.

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

    I encountered the challenge of creating different behaviors on different states of elements. I had to build a different design at different states which was a bit unclear to me that how to do that? But then I learnt about various pseudo classes like :hover and then I used it to design how element would respond on that state.

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

    Would like to know following:-

    1.How to approach building frontends faster with lesser number of issues?

    2.How to build design such that when user hovers over "HTML & CSS foundations" then its color changes to yellow and then only main's shadow increases?

    Checkout my solution ! Feedbacks are welcome ! Stay Happy & Well ! Thanks

    Mobile First Approach based code for Blog Preview Card (HTML + CSS)

    1
    Biskup85•220
    @Biskup85
    Posted over 1 year ago

    Hi, try don't tape width with rem. Try doing with % or px and that's it.

  • P
    Simon Alberto Lopez Higuera•10
    @SimonProgrammer
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I built the project quickly and it brought back memories of my beginnings as a frontend engineer. What I will do differently is use a framework like Astro to test its potential.

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

    Find the measurements in figma because I had not used the platform's editor mode but after using it for a while, I learned how to obtain the necessary information for the layout

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

    For this project is it necessary to use a library like tailwind css given its size?

    Is it necessary to use media queries or container queries to ensure maximum responsiveness of the project in different browsers?

    QR Component

    1
    Biskup85•220
    @Biskup85
    Posted over 1 year ago

    It's looking good. Pretty neat.

  • opolis8•330
    @opolis8
    Submitted almost 2 years ago

    Profile card using HTML AND CSS

    1
    Biskup85•220
    @Biskup85
    Posted almost 2 years ago

    Hello, I have the same problem with the background image, and I think it's the only way to put it in a div and do its position with a transform translate.

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