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

Tbehrends4587

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

  • Recipe Page reactive


    Tbehrends4587•60
    Submitted 6 months ago

    I think parts I would like help with are possibly sizing because it is more than likely gonna be off again. I think that is just something that comes with time and writing more and more code.


    1 comment
  • Social Links Profile - HTML and CSS


    Tbehrends4587•60
    Submitted 6 months ago

    Let me know if there is something to be updated with my HTML. I am sure it just takes more and more practice to see what works and what doesn't. The main goal of these challenges is that they can be dragged and dropped into a bigger website without messing up anything else on the page, HTML and CSS wise.


    1 comment
  • Blog Preview Page - Hover CSS


    Tbehrends4587•60
    Submitted 6 months ago

    If anyone could tell me why it possibly does not line up, that would be nice. I will probably figure it out eventually, though


    1 comment
  • QR Code Component - HTML & CSS


    Tbehrends4587•60
    Submitted 7 months ago

    Just getting more familiar with CSS! Also learning maybe some more semantic HTML.


    1 comment

Latest comments

  • Lisandro Escalada•40
    @lisandroescalada
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    No pude lograr agregar las líneas separadoras en la última sección.

    Recipe Page

    1
    Tbehrends4587•60
    @Tbehrends4587
    Posted 6 months ago

    It does look good, but getting the separation lines to work can be difficult. There is a property called rgba which allows you to make the color more opaque. Overall muy bueno!

  • P
    Catalina Sabogal•30
    @csabogalortiz
    Submitted 6 months ago

    Social Profiles

    1
    Tbehrends4587•60
    @Tbehrends4587
    Posted 6 months ago

    I love the switch up and making it yours. It is always good to mess around with a basic design and make it special. I think you have the same problems as me in terms of making the sizing right, but it's all good because there's always time to improve!

  • Gabriel de Azevedo•100
    @gabriel-de-azevedo
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I enjoyed using em as unit for sizes and paddings.

    It helped a lot with responsiveness because then I just need to set a new font-size and everything adjusts automatically.

    I tried to keep everything as I isolated as possible and only made changes to the main article-card component.

    It'd be interesting to try this out in a bigger project where different components need to change in different ways depending on the viewport.

    Responsive blog preview card using CSS and local assets

    1
    Tbehrends4587•60
    @Tbehrends4587
    Posted 6 months ago

    It looks good, and looking at your code, your CSS is very clean!

  • Charles•10
    @charlescolares
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of having managed to do everything without help, and by challenging myself, I wouldn't do anything differently

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

    semantics, and css optimization, writing fewer lines and getting the same result, efficiency

    Resonsive page using semantic html and css

    2
    Tbehrends4587•60
    @Tbehrends4587
    Posted 7 months ago

    Overall the design is very similar, I would say that putting images in HTML would be better than in CSS but there's more than one way to solve a problem. Making the top text an h1 element would use fewer lines of code and stop you from having to define the paragraph element. But overall very good job trying to make the design as close as possible!

    Marked as helpful

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