@Kvngjakes1
Latest solutions
web site using css
Submitted 12 months agomake the website responsive, from mobile view to desktop view
Using CSS
Submitted 12 months agoI would like to have guidelines on how to develop a component well at the mobile level.
Latest comments
- @djdeveloper22
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 ....... :)
- P@sergrosu@djdeveloper22
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 helpful - @Stephanie0905@djdeveloper22
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 helpful - @yas-avocadWhat 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.
@djdeveloper22Excellent 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 helpful - @khalagaiWhat 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.
@djdeveloper22Great, I like what you did, it can be improved much more, greetings
- @Dev-FarhanWhat 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?.
@djdeveloper22great!! i like your work
