Latest solutions
web site using css
Submitted 10 months agomake the website responsive, from mobile view to desktop view
Using CSS
Submitted 10 months agoI would like to have guidelines on how to develop a component well at the mobile level.
Latest comments
- @Kvngjakes1Submitted 10 months ago@djdeveloper22Posted 10 months ago
Good job friend, but I feel that you complicated your existence, using the position property is a solution, although you can omit it and only with grid you achieve the desired design. I share with you 2 repositories where you can guide yourself and study how to improve the structure that you propose: https https://www.frontendmentor.io/solutions/four-card-feature-with-grid-SimWakGw99, and this is my solution: https://www.frontendmentor.io/solutions/web-site-using-css-4ughGXhL2y ....... :)
0 - P@sergrosuSubmitted 10 months ago@djdeveloper22Posted 10 months ago
Visually it looks good, but you can improve it much more, an image is broken on the second card and it is not aligned either,
Marked as helpful0 - @Stephanie0905Submitted 10 months ago@djdeveloper22Posted 10 months ago
Great!, I loved what you did, I like the way you gave a solution with the grid-template-areas property, in my challenge I did not apply it, it would have been easier for me :)
Marked as helpful1 - @yas-avocadSubmitted 10 months agoWhat challenges did you encounter, and how did you overcome them?
I'm having problems with the smooth transition between screen sizes. With the absolute image, the text on the side runs together with the hero.
What specific areas of your project would you like help with?How to make the main text and image hero not run into each other when changing the browser size.
@djdeveloper22Posted 10 months agoExcellent work, I liked what you did, in mobile view I would add the object-fit: contain property to the logo so that the image is not distorted
Marked as helpful0 - @khalagaiSubmitted 10 months agoWhat are you most proud of, and what would you do differently next time?
Getting the responsive layout using different images either side of the breakpoint.
What challenges did you encounter, and how did you overcome them?Using different images in the different layouts. I included both images in the HTML code and used the display: none property in the different screen sizes.
What specific areas of your project would you like help with?Improvements I could make as well as see how other members tackled the project.
@djdeveloper22Posted 10 months agoGreat, I like what you did, it can be improved much more, greetings
1 - @Dev-FarhanSubmitted 10 months agoWhat are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.