P
@emawid
Latest solutions
Responsive skilled landing page.
PSubmitted 4 months agoI'd like if somebody look at my code. I would like get a feedback if my code is readable and semantic enough. Of course any other feedback is good.
Work it landing page
PSubmitted 5 months agoMaybe It sounds crazy but I hate this images. Can somebody tell me what is the best way to do this curves and place properlly that kind of images. I'm doing it with position absolute(hero-img) and background-image property in css but I don't feel it well.
Thanks for advices.
Summary component using grid layout
PSubmitted 5 months agoI don't know how to make smooth transition when you hover on the button. I know the transition property but when I have background-color and linear-gradient on hover this transition have some weird behaviour.
I appreciate all kind of feedback.
Latest comments
- P@SKszymek
nice
- @KatarinaN98What are you most proud of, and what would you do differently next time?
I'm proud of creating a clean and simple design for the QR code component, focusing on minimalism while ensuring the layout was responsive across different screen sizes. I also enjoyed using Flexbox for layout, which made centering and positioning elements much easier.
What challenges did you encounter, and how did you overcome them?For this QR Code Component project, the main challenges I encountered were ensuring the layout was responsive across different devices and making the design simple yet effective. To overcome the responsive issue, I focused on using Flexbox for better alignment and positioning of elements. I also spent extra time testing the component on different screen sizes to ensure a smooth user experience. The challenge of simplicity in design was tackled by sticking to a minimalist approach and avoiding unnecessary elements, focusing solely on the QR code and its surrounding layout.
What specific areas of your project would you like help with?CSS Structure and Efficiency: I’d like suggestions on how to organize my CSS more efficiently, especially for responsiveness. Are there any best practices for keeping stylesheets clean and minimizing redundancy?
P@SKszymekWhen you gives some element fixed width you should always use the max-width property, not width. Go check how the element behaves after changing width with max-width on the different screen sizes.
- P@yudin7324P@SKszymek
Nice but you should use em on queries.
- @book-AnliaP@SKszymek
Nice. I find out from your code how to place this quotes Image hah
Marked as helpful - @Ali-LearnerWhat are you most proud of, and what would you do differently next time?
Proud of making the design somewhat better and would hope to make it better.
What challenges did you encounter, and how did you overcome them?Making it responsive was the main issue for example things were just not adjusting with changing width of the screen. I used some temporary/hardcoded values to solve this problem, but still I would say the code is not the most generic/optimized
What specific areas of your project would you like help with?CSS Optimization and Responsiveness for all widths not just Desktop/Mobile
P@SKszymekJust use grid instead of flexbox It's much simpler.
- @JordanMedinaOrtizP@SKszymek
Little bit too wide D
