Skip to content
Submitted 23 days ago

Responsive Web Design

Katarzyna Kaźmierczak•240
@KasiaKaz14
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I am proud I manage to some problems I met at the end of the project. I could not arrange the four section in the way how it looks like on the template. Finally I did it, using position and setting the width of the whole container. I also expected to do it faster, but ok. I can accept the whole time to finish the design

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

The biggest challenge was to arrange the four sections. As I wrote I did it with position. Maybe it is not the next solution, but I am glad that it works properly. Certainly, if someone has a better solution for this part of the project, and wants to share - I am open for the conversation, and will grateful for an advice

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

I think I have already characterised the main issue. Maybe it is not a big problem, but every advice/tip is at a premium

Community feedback

  • Adriano•38,250
    @AdrianoEscarabotePosted 22 days ago

    Hey Katarzyna Kaźmierczak, how’s it going? I was really impressed with your project’s result, though I have some advice that could be helpful:

    Consider using rem for font size .If your web content font sizes are set in absolute units, such as pixels, the user will not be able to re-size the text or control the font size based on their needs. Relative units “stretch” according to the screen size and/or user’s preferred font size, and work on a large range of devices.

    if you want to continue coding with px, you can download a very useful extension in vscode, it converts px to rem!

    link -> px to rem

    Everything else looks great.

    Hope this helps! 👍

    Marked as helpful
    0
    Katarzyna Kaźmierczak•240
    @KasiaKaz14Posted 18 days ago

    @AdrianoEscarabote Hey, thank you very much for the tips! I did not know this extension. Btw, I'm fine, and hope you're also ok :)

    0
  • Christian•180
    @christianb3llPosted 23 days ago

    Great job! It looks great on desktop and mobile but the sizes in between force the user to scroll horizontally. Other than that all good!

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord