Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
20
Comments
7
Daniel Lasauskas
@mazinger086

All comments

  • Jose Beltran•100
    @jose-beltran
    Submitted 4 months ago

    Reponsive Landing Using CSS GRID

    1
    Daniel Lasauskas•330
    @mazinger086
    Posted 4 months ago

    Mate you did it, well working with grid areas it's not a simple thing. Maybe to improve your design I'll recommend to use the same font family like the style guide attached in the project. Then you can adjunst some paddings, margins and widths to fit the design in the screenshot and that's it.

  • Michel Vieira•250
    @micheldrv
    Submitted 4 months ago

    Four card feature section

    1
    Daniel Lasauskas•330
    @mazinger086
    Posted 4 months ago

    It looks smoooth, awesome work

  • Sharath A•20
    @sharathambangad
    Submitted 4 months ago

    Responsive design using media queries

    1
    Daniel Lasauskas•330
    @mazinger086
    Posted 4 months ago

    Mate, try to improve you solution, there are a lot of things to improve in your work such as: the font family, alignments, margins, paddings, colours. If you don't know some tools like flexbox or grid spend some time learning how to work with them and then fix the errors. Did you realize that in the folders there is a style guide?? Try to follow it and you will discover all the colour palette, fonts, backgrounds that you must use to complete the challenge

    Marked as helpful
  • Paulo Wells•530
    @wellspr
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    There are various subtle details in this project, and I made my best to pinpoint as much of then. I'm very satisfied with the result. I think I did a good job including semantic tags for accessibility and organizational structure, leading to legible and self-explained code. The BEM methodology was applied to enhance the use of Sass, leading also to a very legible SCSS stylesheet. Next time, I would like to get into the subject of delivering responsive images.

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

    A difficult part was finding a way to style the list bullets and numbers differently than the contents themselves. I solved this by applying the desired bullets or numbers styling to the whole list (ul, ol), wrapping the li content in a span, and applying the content styles to this span.

    Also, I liked styling a table, which led me to refresh some basics of this subject (and I think it is always a good idea to know how to style a table). For example, I produced the table division lines styling the bottom border of the td's, but had to set the table's border-spacing to zero to avoid a visible gap.

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

    I would love to get feedback on any point of this project, including the way I apply the BEM methodology, the use of semantic tags, etc. Thank you!

    Accessible and Responsive Recipe Page: Flexbox, BEM and Media Queries

    #accessibility#bem#sass/scss#lighthouse
    1
    Daniel Lasauskas•330
    @mazinger086
    Posted 4 months ago

    Hey mate, you really made it, for that challenge it was a little bit hard, depending on how do you handle in mobile and desktop version. It' take me a while but I think you handle better than me. Awesome work.

  • Mathilde•20
    @Mathilde4
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of how the design closely matches the original challenge, especially the visual elements like the profile image and social links.

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

    One of the challenges I encountered was ensuring the social media icons aligned well and maintained their spacing across different screen sizes. I overcame this by using CSS Flexbox, which allowed for more control over the layout.

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

    I would appreciate feedback on my CSS approach to styling the profile picture and social icons. Specifically, I am curious if there are more efficient ways to handle the layout without using excessive margin and padding.

    HTML: For structuring the content of the profile. CSS: For styling

    1
    Daniel Lasauskas•330
    @mazinger086
    Posted 4 months ago

    Well I think you did it very well, maybe you will have to update a little bit the width to be more similar to the design. You could play with the width and apply it in a media query to avoid mess everything you did in desktop. I've just seen your page and its seem to be it only work on desktop. So I will try to make it responsivea dn apply some paddings and margins to fit in the design

    Marked as helpful
  • P
    luanch2016•80
    @luanch2016
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am getting better at writing CSS which is the skill I am aiming to improve. I think I am getting closer to the solution.

    My CSS is still very messy so I aim to organise it better next time.

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

    Aligning the div and its children to the right position. I trialled and errored each line to see which properties was responsible for the error and found myself more familiar with CSS.

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

    Still need to improve on CSS.

    Blog preview card using HTML,CSS on VScode

    1
    Daniel Lasauskas•330
    @mazinger086
    Posted 4 months ago

    It's a pity that frontend mentor could not provide figma templates to be more precise when we do the templates, I remember when this started they provide them but right now, they put it on the pro version

  • Wichern94•20
    @Wichern94
    Submitted 4 months ago

    QR Code

    1
    Daniel Lasauskas•330
    @mazinger086
    Posted 4 months ago

    It's seems to be that you made it, but I'll try to improve it a little bit just to match up with the example provided and a bit closer to pixel perfect.

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