For the desktop layout, since I have used Bootstrap, i wonder if there is any effect that prevent the container to reach the desired layout.
Latest solutions
A responsive page with HTML and CSS only
Submitted about 2 months agoReviewing my CSS code for suggestion and improvement would help me :)
Latest comments
- @YarAllyMehrineSubmitted about 2 months agoWhat specific areas of your project would you like help with?@mellashPosted about 2 months ago
The page looks fantastic. Nice work bud, we did the challenge on the same day :)
0 - P@ExtendoGHSubmitted about 2 months agoWhat are you most proud of, and what would you do differently next time?
- Using the grid to position elements on the page in an interesting layout – using the grid allowed me to create a flexible, attractive layout that adapts to different screen resolutions, ensuring an aesthetic appearance and consistency in every view.
- Project completion time – I managed to deliver the project within the set timeframe despite the challenges encountered. Efficient work organization helped me maintain punctuality.
- Using CSS variables and BEM methodology in HTML for class naming – implementing CSS variables improved flexibility and code organization, while BEM methodology helped maintain readability and order in class names.
- Creating the grid, but drawing the layout in Paint helped in precisely adjusting the columns and rows of the grid – initial difficulties in creating a cohesive layout were overcome through visualizing the project, which helped better understand proportions and made grid implementation in the code easier.
- Responsiveness of the project – I care about the page functioning correctly on various devices, from phones to desktops. Please check if all elements scale properly and maintain an aesthetic look across different resolutions.
- Correctness of the grid implementation and potential optimizations – please verify if the grid was implemented according to best practices and if there are any opportunities to improve its performance, both in terms of code and layout structure.
- Correctness of class naming with BEM methodology – please assess whether the classes have been correctly named according to BEM principles, which ensures better code organization and facilitates further development.