css-exercises
curriculum
Our great sponsors
css-exercises | curriculum | |
---|---|---|
17 | 1,835 | |
1,470 | 8,774 | |
3.7% | 2.2% | |
7.6 | 10.0 | |
4 days ago | 4 days ago | |
HTML | JavaScript | |
MIT License | GNU General Public License v3.0 or later |
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
curriculum
-
Confidently Incorrect - Navigating Battleships
There were frustrations and compromises and victories, but little by little I can see my progress, and I still enjoy the act of overcoming these new challenges and learning more and more. Each day is another little lesson. I look forward to continuing with The Odin Project and the next challenges, but in the meantime I must return to looking for my alternance (apprenticeship) and maybe a small personal project before launching into the next part of the curriculum.
-
Seeking Guidance on the Path to Web Development: My Journey So Far and Next Steps
The Odin Project: With its hands-on approach, The Odin Project guids through everything from basic HTML and CSS to full-stack development.
-
Free Resources Every Web Developer Should Know About
The Odin Project (https://www.theodinproject.com/)
-
🔥 Top 10 Best Websites to Learn Coding for Free! 💻
The Odin Project The Odin Project offers a full-stack curriculum for aspiring web developers. With its project-based approach, you'll gain practical experience while learning HTML, CSS, JavaScript, and more.
-
100+ FREE Resources Every Web Developer Must Try
TheOdinProject
-
A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev
The Odin Project - Free, open-source platform with a curriculum focused on JavaScript and Ruby for web development.
-
Ask HN: Would doing a coding bootcamp be a horrible idea?
I'll throw in a vote for teaching yourself or using free resources and communities. Even if you go down the bootcamp route it is going to take a lot of self motivation and work outside of the bootcamp / afterwards in order to become job ready. Or at least do this to start with to make sure you like it.
I did this myself a few years years ago over lockdown. I had a lot of down time and worked on teaching myself web development full time 5 days a week for about a year. I was then able to land a job at a FAANG company through an apprenticeship scheme that they offer in the UK (I'm not sure if these kinds of schemes are available in the US) where I stayed for a year and a half and I am now working for a startup in a position I found through connections I made at my previous job. At the time I did have other offers for non-apprenticeship roles at other companies so don't let the absence of apprenticeships put you off if they aren't on offer in the US. The job market was definitely better when I was applying for my first job so the process might be more drawn out now. The main resource I used for self teaching was The Odin Project (https://www.theodinproject.com/). I also did a batch at The Recurse Center (https://www.recurse.com/) which was a great experience in general, especially for getting some hands on time working on projects with other people. I would say be curious, reach out to people who are working on things you find interesting to ask them for a chat and just persevere with the applications as you will definitely get a lot of rejections.
One more thing (might be UK specific as well) but I would check to see if there are any government funded bootcamps you might be able to get a place on. I know multiple people in the UK who got the job center to pay for them to do a bootcamp while they were on universal credit and now work in the industry.
-
Confidently Incorrect - Revisiting previous projects.
So I have been learning how to code and broadly development since 2020, during the Covid-19 lockdowns, beginning with the classic triple threat of HTML/CSS/JavaScript, adding into the mix a dash of Python and since returning to live in France 2022 have committed to The Odin Project web-development program and happily began my full time formal learning with Ada Tech School in 2023. Now the search for my 12-month-long apprenticeship (Alternance, en français) begins, as well as continuing my self-study and side-projects.
- The Odin Project – Full stack web development curriculum
-
Programming Learning Journey So Far and Onward
TOP Link
What are some alternatives?
hugo-blox-builder - 😍 EASILY BUILD THE WEBSITE YOU WANT - NO CODE, JUST MARKDOWN BLOCKS! 使用块轻松创建任何类型的网站 - 无需代码。 一个应用程序,没有依赖项,没有 JS
developer-roadmap - Interactive roadmaps, guides and other educational content to help developers grow in their careers.
Milligram - A minimalist CSS framework.
Rack - The virtual Eurorack studio
blog_os - Writing an OS in Rust
computer-science - :mortar_board: Path to a free self-taught education in Computer Science!
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]
CS50x-2021 - 🎓 HarvardX: CS50 Introduction to Computer Science (CS50x)
speedtest - Self-hosted Speed Test for HTML5 and more. Easy setup, examples, configurable, mobile friendly. Supports PHP, Node, Multiple servers, and more
LeetCode - This is my LeetCode solutions for all 2000+ problems, mainly written in C++ or Python.
flexboxfroggy - A game for learning CSS flexbox 🐸
PSWriteHTML - PSWriteHTML is PowerShell Module to generate beautiful HTML reports, pages, emails without any knowledge of HTML, CSS or JavaScript. To get started basics PowerShell knowledge is required.