Latest solutions
- Submitted 5 minutes ago
Result SUmmary Component
- HTML
- CSS
@poplarbeargiI am open to all kinds of feedback. If there are things I could improve, I would love to hear them, Thank you.
- Submitted 6 minutes ago
Product Preview Card Component
- HTML
- CSS
@poplarbeargiI am open to all kinds of feedback. If there are things I could improve, I would love to hear them, Thank you.
- Submitted 8 minutes ago
Blog Preview Card
- HTML
- CSS
@poplarbeargiI am open to all kinds of feedback. If there are things I could improve, I would love to hear them, Thank you.
- Submitted about 2 hours ago
QR Code using Tailwind
#tailwind-css- HTML
- CSS
@Beadle85In general, I am more of a server-side person but I want to improve my front-end skills. The main thing I need help with is learning to "see". Aka, what is still not right about my design? To my eyes, it looks pretty good, but I feel I'm still missing some more subtle visual things.
- Submitted about 3 hours ago
Responsive Web page design on Advice Generator using CSS Flexbox
#fetch#pure-css- HTML
- CSS
- JS
- API
@ajayBhaskar21I would like help with CSS. How should I find the kind of colors, font styles just by looking at them?
- Submitted about 3 hours ago
Results summary made with React/TS/MUI
#react#typescript#material-ui- HTML
- CSS
@Cema2019 - Submitted about 4 hours ago
Responsive Ticket Generator (avatar change, name, and email)
- HTML
- CSS
- JS
@yuriaugustobsResponsive Design: Ensuring that the layout looks good on all devices, especially smaller screens. I have used a 'desktop-first' approach and media queries, but I am still facing some issues with elements overflowing the viewport and maintaining consistent spacing.
JavaScript Functionality: Improving the functionality of the gerarTicket function to ensure it works seamlessly. I want to make sure that the user input is validated correctly and that the ticket generation process is smooth.
CSS Optimization: Optimizing my CSS to avoid redundancy and improve performance. I want to ensure that my styles are organized and that I am using best practices for maintainability.
Cross-Browser Compatibility: Ensuring that the site works consistently across different browsers. I have noticed some inconsistencies in the layout and functionality when testing on different browsers.
- Submitted about 4 hours ago
Mortgage Repayment Calculator - HTML, Tailwindcss y JS
#tailwind-css- HTML
- CSS
- JS
@jorgecb10 - Submitted about 4 hours ago
used flexbox and some prev knowledge to make qr code component
- HTML
- CSS
@ViviLeJeuneive recently learned about media queries, and im struggling to get the them to function properly. with that, i had to forego them. it kept messing up my centering on the parent element and im just ready to call it a night and look for feedback.
it kept detecting larger smartphone and tablet sizes as equal to my laptop screen size and throwing everything off.
i was referring to this reference for screen sizes and i think its kind of messed up because some kept bleeding into other classes.
anyway, if theres a better guide on how to check for screen sizes/write styles for responsive design, please let me know.
please let me know if i did alright or have constructive criticism, i know you've seen it a thousand times but its encouraging.
- Submitted about 5 hours ago
Responsive Country Explorer with REST API Integration
- HTML
- CSS
- JS
- API
@KumananEswaranFaster data retrieval through advanced caching techniques and improving responsiveness by optimizing CSS code to create a more dynamic user experience.
- Submitted about 5 hours ago
Blog preview card solution using Flexbox
- HTML
- CSS
@leventsonerI would appreciate feedback on:
-
Best practices for responsive typography - I'd like to know if there are better ways to handle font-size changes between mobile and desktop views without relying heavily on media queries.
-
CSS organization - While my code works, I'd love to hear suggestions about making it more maintainable and following industry best practices.
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