css-exercises
Milligram
css-exercises | Milligram | |
---|---|---|
17 | 23 | |
1,516 | 10,157 | |
3.0% | -0.0% | |
7.4 | 0.0 | |
5 days ago | 8 months ago | |
HTML | HTML | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
css-exercises
-
Flexbox Overflows The Viewport Horizontally Even Though The Flex Items Are Supposed To Shrink
Hi! I'm working on this css-exercise from the Odin Project: https://github.com/TheOdinProject/css-exercises/tree/main/flex/07-flex-layout-2 I've basically got the broad strokes in the layout put together. I'm also aware that I need to use flex-wrap to bring the flex items onto the next rows and also know how to finish this up. My question is about something weird I've noticed in the process. **Code Used** codepen.io/Ashwin-Parcha/pen/JjxxJJq **Problem** I've set a width on the cards (.card) that is too wide on purpose at 400px. These cards have default flex values of 0 1 auto. From my understanding, when the flex-basis is auto, the width is considered, but if the total width of the flex items is bigger than the parent, then the width isn't respected and the items will shrink to fit the container. But as you can see, the width **IS** being respected here for some reason. **Expected Outcome** The width shouldn't be respected and cards should shrink. Thanks for your help!
- Should I Be Able to Fork from TOP on GitHub?
- need some help with a flex exercise
-
Can anybody help me with my Css flexbox exercise? It's the my last step to finish a page.
So, to make things clear, I am not asking anyone to help me with homework. I am learning through a free course and we don't receive grades. I am in this course to actually learn. I am almost finished but I am having a few problems. Here is a link to a codepen https://codepen.io/Brayancel/pen/rNZgdLR and here is the exercise I am following https://github.com/TheOdinProject/css-exercises/tree/main/flex/07-flex-layout-2 . The only thing I am not able to achieve is the stretch of the page. The checklist of the exercise says that the footer (the square that says Odin Project <3) is supposed to be pushed lower when the screen is squeezed. But mine does not do that. I really don't know what else to do here. I provided the code so everyone can see that I did.
-
Having trouble with flexbox
How are you getting on with these exercises: https://github.com/TheOdinProject/css-exercises/tree/main/flex ?
-
Help with margin and padding exercise 1 for CSS
Sure. Here is the ReadMe to the assignment details: https://github.com/TheOdinProject/css-exercises/tree/main/margin-and-padding/01-margin-and-padding-1. It is under the "Block and Inline" section of the CSS portion (foundations): https://www.theodinproject.com/lessons/foundations-block-and-inline. It's basically learning about the differences between block and inline and what elements are used.
- “Fork and clone this repository.”
-
help with flex exercise 5
In the desired result (https://github.com/TheOdinProject/css-exercises/tree/main/flex/05-flex-modal), the exclamation point circle has nothing above or below it. That implies it is part of a row of boxes.
-
Transition to move CSS pop-up
I'm trying to do this, but getting absolutely nowhere fast, like literally just about 2 hours of head-scratching and getting frustrated.
- Flex problems
Milligram
-
Concrete.css
I had been using similar projects such as skeleton[0] and milligram[1] for small experiments such as repfl[2], and wanted to create something similar that I would find aesthetically pleasing and that would fit in as little space as possible. The current version of concrete.css is less than 1kb minzipped!
[0] http://getskeleton.com/
[1] https://milligram.io/
[2] https://repfl.ch/
- The classless and class-light CSS aproaches
-
Super simple alternative to bootstrap for just the grid system?
Try this out. This is great for really simple projects. https://milligram.io
- Ask HN: No JavaScript web UI framework?
-
Show HN: Neat, the Minimalist CSS Framework
Thanks for sharing, I love minimalist CSS frameworks that are easy to digest. My go-to for the past ~5 years has been https://milligram.io -- mainly for the grid and basic styling -- although, the author hasn't updated it in a few years. I'm going to give yours a shot!
- Milligram CSS: カスタム・ビルド (Node.js 18 on Alpine Linux 3.17 使用)
-
Milligram CSS: Custom build (with Node.js 18 on Alpine Linux 3.17)
Do you know about Milligram, a "minimalist CSS framework" ? It's, in accordance with the name, lightweight like feather, and, in addition, beautiful. It is developed "to design fast and clean websites".
-
What is the best way to develop a frontend using only HTML, CSS, Bootrap, JS w/o frameworks?
If you do want to use a framework and get up and running quickly, but you still want to know what's going on and have some ability to customize it, maybe you can start with one of the really minimal CSS frameworks like Milligram or Sakura and then add your own modifications.
- Milligram – A Minimalist CSS Framework
- Suggest minimal CSS framework
What are some alternatives?
hugo-blox-builder - 🚨 GROW YOUR AUDIENCE WITH HUGOBLOX! 🚀 HugoBlox is an easy, fast no-code website builder for researchers, entrepreneurs, data scientists, and developers. Build stunning sites in minutes. 适合研究人员、企业家、数据科学家和开发者的简单快速无代码网站构建器。用拖放功能、可定制模板和内置SEO工具快速创建精美网站!
Tufte CSS - Style your webpage like Edward Tufte’s handouts.
blog_os - Writing an OS in Rust
Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
speedtest - Self-hosted Speedtest for HTML5 and more. Easy setup, examples, configurable, mobile friendly. Supports PHP, Node, Multiple servers, and more [Moved to: https://github.com/librespeed/speedtest]
Picnic CSS - :handbag: A beautiful CSS library to kickstart your projects
speedtest - Self-hosted Speed Test for HTML5 and more. Easy setup, examples, configurable, mobile friendly. Supports PHP, Node, Multiple servers, and more
Tailwind CSS - A utility-first CSS framework for rapid UI development.
flexboxfroggy - A game for learning CSS flexbox 🐸
Pure - A set of small, responsive CSS modules that you can use in every web project.
curriculum - The open curriculum for learning web development
Bulma - Modern CSS framework based on Flexbox