-
Notifications
You must be signed in to change notification settings - Fork 11
SCC Task 1 #12
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: master
Are you sure you want to change the base?
SCC Task 1 #12
Conversation
|
weblayout.html di rename jadi index.html ya |
|
nama folder di ganti nama jadi username github |
rsamudragawang
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nama weblayout.html rename jadi index.html
Imran-imtiaz48
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This CSS demonstrates a well-structured approach to building a grid-based web layout, suitable for a modern, responsive design. The .container class sets a fixed width and centers the content, providing a clear framework for the grid. The .grid class utilizes CSS Grid to define both row and column structures, with explicit sizing and consistent gaps, making the layout predictable and organized. Each section, such as .header, .body_1, .body_2, and various content and footer blocks, is carefully positioned within the grid, allowing for flexible arrangement of page elements. The .box styling ensures a visually cohesive look with a bold, centered font and a gray background, enhancing readability and aesthetics. However, there are a few inconsistencies, such as the font-size: 33; property missing a unit (it should be 33px), and the .body_3 grid-column value seems incorrect (6/4 should likely be 4/6). Overall, the code shows a strong grasp of CSS Grid and layout techniques, but would benefit from minor corrections for full effectiveness and cross-browser compatibility.
Hello World